목록2023/12/20 (1)
사이먼's 코딩노트
[HTML & CSS] 디자인삼성 2차메뉴 제작(2)
[디자인삼성 2차 메뉴 제작 ~ing] 구조 틀이 완성됐다면 이제는 2차 메뉴 리스트를 추가해보자. 완성본을 봤을 때, 디자인삼성 로고 밑에는 비어있는 박스로 여백을 채워야 한다. 2차 메뉴는 태그 구조 상 nav태그 아래 자식 선택자로 세로로 ul태그가 4개이고 각 ul태그 안에 4개의 li태그가 포함된다. [좌측 여백 공간 만들기] .second-menu-bar > .container 아래에 2차 메뉴 리스트를 추가하기 위해선 html에서 여백공간에 대한 air-box라는 클래스와 nav태그를 추가한다. css에선 상위 .top-bar-section > .container > .left-box > .logo-box와 같은 너비의 여백 공간이 필요하기 때문에 .air-box에 고정 너비 280px를 지..
HTML & CSS
2023. 12. 20. 15:34