WikiFormattingRules › EbXML기반전자거래절차도 › 웹서비스 › Utf8EncoderDecoderJavascript › IsbnMacro › 탭모양의메뉴만들기
css tips >
<ul id="minitabs"> <li><a href="">메뉴1</a></li> <li><a href="">메뉴2</a></li> <li><a href="" class="active">재밌는 메뉴</a></li> <li><a href="">메뉴3</a></li> </ul>
#minitabs { margin: 0; padding: 0 0 20px 10px; border-bottom: 1px solid #696; } #minitabs li { margin: 0; padding: 0; display: inline; list-style-type: none; } #minitabs a { float: left; line-height: 14px; font-weight: bold; margin: 0 10px 4px 10px; text-decoration: none; font-size: 12px; color: #9c9; } #minitabs a.active, #fig1_8 #minitabs a:hover { border-bottom: 4px solid #696; padding-bottom: 2px; color: #363; } #minitabs a:hover { color: #696; }