CSSでタブ
この記事のURL
Deziner Folio� Blog Archive � Creating Liquid CSS Tabs for Menus
CSSでタブ。
なるほどなあ、とコードを見て思った。
ul li{
float:left;
padding:0 5px;
list-style:none;
}
ul li a{
background:url(/* LEFT IMAGE */) no-repeat left top;
height:45px;
display:block;
float:left;
padding-left:20px;
text-decoration:none;
color:#000;
}
ul li a span{
background:url(/* RIGHT IMAGE */) no-repeat right top;
display:block;
padding:15px 20px 0 0;
display:block;
height:30px;
float:left;
}