1.将圆点去掉，li{ list-style:none}；然后用color:#ff0000设置字体的颜色。<li>.</li>这里的点就是红色的了，你可以设置为自己喜欢的颜色，如果你要区分点和字的颜色，可以在li里面再嵌入一个标签，像这样：<li style="color:#ff0000font-size:12px"><span style="color:#00ff00font-size:20px">.</span>list1</li>这样点就是绿色的，字就是红色的了。
2.将圆点去掉，li{ list-style:none}；然后将那个点做成图片，然后嵌入li中。：<li style="color:#ff0000font-size:12px<img src="图片地址">list1</li>。
希望对你有用哦，不懂的再hi我
给文字加一个<b>标签,然后设置<b>标签的样式就可以了,如果换成<p>标签,显示会出一点小问题代码如下:
---------------------------------------------------------------------------------
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/htmlcharset=utf8" />
<style type="text/css">
body {font-size:12px}
a {color:#000text-decoration:none}
a:hover {color:#F00}/*主菜单伪类*/
#menu {width:100pxborder:1px solid #ccc}
#menu ul {list-style:nonemargin:0pxpadding:0px}
#menu ul li {background:#eeepadding: 0pxheight:26pxline-height:26px/*字体在上下边框的剧中位置*/ border-bottom:1px solid #cccposition:relative}
#menu ul li ul {display:none/*隐藏此UL*/ position:absoluteleft:100pxtop:0pxwidth:100pxborder:1px solid #cccborder-bottom:none}
#menu ul li:hover ul {display:block}/*ul li下的ul显示*/
/*修改了这里*****************************************/
#menu ul li ul b{ color: #FF0000}
/*修改了这里*****************************************/
</style>
</head>
<body>
<div id="menu">
<ul>
<li><a href="@#">首页</a>
<li><a href="#">网页版式布局</a>
<ul>
<li><a href="#"><b >自适应宽度</b></a></li>
<li><a href="#">固定宽度</a></li>
</ul>
</li>
<li><a href="#">div+css教程</a>
<ul>
<li><a href="#">新手入门</a></li>
<li><a href="#">视频教程</a></li>
<li><a href="#">常见问题</a></li>
</ul>
</li>
<li><a href="#">div+css实例</a></li>
<li><a href="#">常用代码</a></li>
<li><a href="#">站长杂谈</a></li>
<li><a href="#">技术文档</a></li>
<li><a href="#">资源下载</a></li>
<li><a href="#">图片素材</a></li>
<li><a href="#">常用代码</a></li>
<li><a href="#">站长杂谈</a></li>
<li><a href="#">技术文档</a></li>
<li><a href="#">资源下载</a></li>
<li><a href="#">图片素材</a></li>
</ul>
</div>
</body>
</html>
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）