본문 바로가기
공부/html and css

navigation bar 만들기

by 매일삼겹살 2021. 5. 7.
반응형

header-nav_dropdown.html
0.00MB

See the Pen bGqNgJR by CodingCitron (@codingcitron) on CodePen.

 

헤더 로고를 추가

See the Pen BaWypXR by CodingCitron (@codingcitron) on CodePen.

그런데 이렇게 만들면 아래 요소가 추가되었을 때 나중에 추가된 콘텐츠가 먼저 보이기 때문에 hover가 유지가 되지 않을 것이다.

 

See the Pen gOmbmLW by CodingCitron (@codingcitron) on CodePen.

position : abosolute를 추가해 주었다.

 

 

728x90

'공부 > html and css' 카테고리의 다른 글

파비콘 만들어주는 사이트  (0) 2021.06.06
로그인 폼  (0) 2021.05.08
회원가입 폼  (0) 2021.05.08
svg 이미지 얻는 사이트 unDraw  (0) 2021.05.08
색상 추천 사이트  (0) 2021.05.07

댓글