36. Settings 화면 만들기 (html,css - log out)

뭔가 허전하여 log out을 만들어서

텍스트를 누르면 log in 화면으로 돌아가게 만들어봄.

 

(내 맘대로 만든 것이라 요상할 수 있음...!)

 

 

 

1) html

settings.html 화면

main의 마지막 부분에 log in 박스를 만들고

index.html 로 가는 주소를 연결함.

 

 

 

2) css

settings.css 화면

박스를 아래로 옮기고 싶은데

복잡할 듯 하여

margin을 주어 아래로 옮김.

중앙에 정렬하고

글자를 연하게 하고

밑줄을 침.

 

밑줄이 너무 가까워서

text-underline-position:under; 를 하여

밑줄을 조금 아래로 내림.

 

 

적용된 모습

 

log out을 누르면

log in 페이지로 이동하게 됨!