效果如图
CSS如下
<!–
*{ padding:0; margin:0; font-size:12px;}
a.more{ height:20px; line-height:20px; display:inline ; padding-right:10px; position:relative ; width:62px; float:left; font-size:15px;}
a.more b{background:url(up_icon.gif) no-repeat 0px 0px; position:absolute; right:0; top:5px; font-size:0; width:10px; height:8px;}
a.more:hover b{ -moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);}
–>
HTML结构
<a href=”#”>展开更多<b></b></a>