background-color的妙用

2015 年 12 月 15 日 by 沧海之树 In 工作

html代码：

<ul class="alist">
<li onmouseover="picShow2(1);" class="xiangmu"></li>
<li onmouseover="picShow2(2);" class="xiangmu"></li>
<li onmouseover="picShow2(3);" class="xiangmu"></li>
<li onmouseover="picShow2(4);" class="xiangmu"></li>
<li onmouseover="picShow2(5);" class="xiangmu"></li>
</ul>

css代码：

.con4 .alist .xiangmu{ height:20px; float:left; width:20px; -webkit-border-radius:10px; color:#FFF; border-radius: 10px; border:1px solid #e94730; margin-left:10px; }
.con4 .alist .xiangmu:hover{background-color:#f7c516}