<style type="text/css">
#vertmenu {
font-family: "宋体";
font-size: 12px;
width: 220px;
overflow: hidden;
}
#vertmenu ul {
list-style: none;
margin: 0px;
padding: 0px;
border: none;
}
#vertmenu ul li {
margin: 0px;
padding: 0px;
}
#vertmenu ul li a {
font-size: 12px;
display: block;
padding: 5px 0px 2px 4px;
text-decoration: none;
color: #666666;
width:220px;
}
#vertmenu ul li a:hover, #vertmenu ul li a:focus {
color: #FF6600;
background-image: url(pic/zc/bj_03.gif);
background-repeat: no-repeat;
}
</style>
<table width="220" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td><div id="vertmenu">
<ul>
<li><a href="#" tabindex="1">Web Sites</a></li>
<li><a href="#" tabindex="2">Web Sites</a></li >
<li><a href="#" tabindex="3">Computing</a></li>
<li><a href="#" tabindex="4">Web Sites</a></li>
<li><a href="#" tabindex="5">Games</a></li>
<li><a href="#" tabindex="6">Links</a></li>
</ul>
</div></td>
</tr>
</table>
如何在文字前加上图标?
望能给出详解,胜感!~~~
1、a链接前插入图标图片
插入后会另起一行
2、li给背景
加背景后,鼠标经过显示的图片将覆盖图标
1、display: block;去掉就不会了。。li本身就是块级的。没必要给a再加
2、给li背景后。就不要给A前面插入图片了。而且display: block也去掉。。再给li一个左padding。。a就不要给padding了。给li一个行高。
先感谢你的耐心解答不好意思,菜鸟问题多了点。。。
可能我之前描述的问题很正确?
那种就给你的li和你的a:hover背景吧。li的背景只有前面的小图标。。a:hover的背景是前面小图标加那一条经过的背景图或者颜色
a给一个display:block和padding-left给个值。。就行了