개발자툴 왼쪽 Elements 화면에서 <header></header>태그 내부의 태그를 하나씩 펼쳐보세요. <ul class="dropdown-menu" style="display: none;"> <li class=" "> <a href="http://www.designersol.co.kr/v3_about">ABOUT </a> 항목에 해당하는 css를
오른쪽 Style 화면에서 확인하세요. header .nav-bottom .dropdown-menu > li > a { background-color: #343434; ~~~ 가 확인되네요.
bucket_list.css 의 88라인이라고 안내되어 있네요. padding은 체크를 해제하시고 행을 추가하세요. width:200px 이런식으로.. 메뉴에 마우스를 가져가보면 변경된것을 확인하실수 있습니다. padding-top:15px padding-bottom:15px 를 추가해보세요.
메뉴에 마우스를 가져가 2차, 3차메뉴까지 확인하고 위에서 얻어진 값을
bucket_list.css의 88라인에 삭제, 추가하시면 되겠습니다.
소스보기의 Elements 와 Style 화면을 확인하면서 개발자 툴에 직접 입력하여 상태를 확인하면서 최종 html, css에 반영하는 식으로 작업하시면 커스터마이징이 쉬울꺼라 봅니다.
크롬에서 헤더메뉴에 마우스를 갇다데고 소스보기하세요.
개발자툴 왼쪽 Elements 화면에서
<header></header>태그 내부의 태그를 하나씩 펼쳐보세요.
<ul class="dropdown-menu" style="display: none;">
<li class=" ">
<a href="http://www.designersol.co.kr/v3_about">ABOUT </a> 항목에 해당하는 css를
오른쪽 Style 화면에서 확인하세요.
header .nav-bottom .dropdown-menu > li > a {
background-color: #343434; ~~~
가 확인되네요.
bucket_list.css 의 88라인이라고 안내되어 있네요.
padding은 체크를 해제하시고
행을 추가하세요. width:200px 이런식으로..
메뉴에 마우스를 가져가보면 변경된것을 확인하실수 있습니다.
padding-top:15px
padding-bottom:15px 를 추가해보세요.
메뉴에 마우스를 가져가 2차, 3차메뉴까지 확인하고
위에서 얻어진 값을
bucket_list.css의 88라인에 삭제, 추가하시면 되겠습니다.
소스보기의 Elements 와 Style 화면을 확인하면서 개발자 툴에 직접 입력하여 상태를 확인하면서
최종 html, css에 반영하는 식으로 작업하시면 커스터마이징이 쉬울꺼라 봅니다.