웹 로그인 창에 css 적용시켜보기

이전에 html 만 배웠을 때 로그인 창의 html 틀까지만 만들었었다.

https://blog.naver.com/smoothbutterfresh/223134437711

#코딩기록5_[html] html로 만들어본 로그인 창 !

 

로그인 창의 뼈대였다...

이제 이 html에 지금까지 배운 css속성들을 적용시켜봤다!

완성된 로그인 창

 

​

css를 적용시키니 이제 조금 작동은 하게 생겼다.(?)

이렇게 아이디와 비밀번호를 치고 로그인하도록 만들었다.

​

제일 위에 구글 연동 로그인 버튼을 누르면 구글 로그인 창으로 넘어가도록

이미지에 a href 속성으로 실제 구글 로그인 창 링크도 걸어보았다ㅎㅎ

​

구글로그인창 링크로 연결된 모습

 

​

​

그리고 제일 하단에 있는 "Forgot your password?" 를 클릭할 때

구글 계정 고객센터로 연결되게 끔 링크도 걸었다.

구글 계정 고객센터 링크로 연결된 모습