利用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写法）

转载于:https://www.cnblogs.com/yuchav/archive/2011/10/19/2217618.html