묻고답하기
레이아웃 css gnb 메뉴쪽 편집관련 간단한 질문드려요
2013.12.03 17:30
현재 아래 코드로
.header .header_menu { width:100%; background:#FFFFFF;; } .header .header_menu .menu { width:960px; height:45px; margin:0 auto; } .header .header_menu .menu #gnb_menu { height:45px; float:left; } .header .header_menu .menu #gnb_menu ul { list-style:none; padding:0; margin:0; } .header .header_menu .menu #gnb_menu .gnb_ul>li { position:relative; float:left; white-space:nowrap; background:#CACACA; } .header .header_menu .menu #gnb_menu .gnb_ul>li>a { font-size:15px; font-weight: bold; color:#00AEF0; display:block; height: 5px; line-height: 40px; padding:0 18px;} /* .header .header_menu .menu #gnb_menu .gnb_ul>li>a:hover { color:#B8E0FF; } */ .header .header_menu .menu #gnb_menu .gnb_ul>li.active>a { background:#7AB247; color:#222222; } |
위 그림중 한글로 된 메뉴가 출력되는 상태입니다.
아래 영문으로 된 메뉴처럼 회색-녹색 라인을 아래로 내려주려면 li의 어떤 부분을 손대야할까요?
이리저리 편집해봐도 영 모양이 나오질 않는데 도와주심 감사하겠습니다..