728x90
이전에 html 만 배웠을 때 로그인 창의 html 틀까지만 만들었었다.
#코딩기록5_[html] html로 만들어본 로그인 창 !
웹 사이트에 로그인 할 때 우리가 자주 마주하는 로그인 창을 지금까지 익힌 html로 만들어보기 도저어언! ...
blog.naver.com
로그인 창의 뼈대였다...
이제 이 html에 지금까지 배운 css속성들을 적용시켜봤다!
css를 적용시키니 이제 조금 작동은 하게 생겼다.(?)
이렇게 아이디와 비밀번호를 치고 로그인하도록 만들었다.
제일 위에 구글 연동 로그인 버튼을 누르면 구글 로그인 창으로 넘어가도록
이미지에 a href 속성으로 실제 구글 로그인 창 링크도 걸어보았다ㅎㅎ
그리고 제일 하단에 있는 "Forgot your password?" 를 클릭할 때
구글 계정 고객센터로 연결되게 끔 링크도 걸었다.
728x90
'💻 > CSS' 카테고리의 다른 글
| 레이아웃 설계(1차원/ flexbox layout ) (0) | 2024.01.07 |
|---|---|
| 나무위키 목차 만들기 (1) | 2024.01.07 |
| 메모 웹 만들어보기 (0) | 2024.01.07 |
| 변형 효과 /transform, transform-origin 속성 (0) | 2024.01.07 |
| 애니메이션 속성 / @keyframes 과 animation 속성들 (0) | 2024.01.07 |
