利用A标记的CLASS做双背景(A标记的背景+三角)

<li><a href="#" class="tra">home</a></li>

#nav li a{ display:block; height:30px; line-height:30px; float:left; padding:0 30px; background:#CCFF33;} A标记可以有background

#nav li a:hover{ background:#CCCCFF;} A标记hover可以有background

#nav li a.tra{ background:url(images/t.gif) no-repeat 60px center;} 通过给A标记设定class可以有第二个background(小三角)

#nav li a:hover.tra{ background:url(images/t.gif) no-repeat 62px center;}(a .class Hover 的css写法)

posted @ 2011-10-19 14:30  鱼叉伍德  阅读(208)  评论(0编辑  收藏  举报