li{list-style:none}把默认的给去掉,然后把着了色的圆点切成一张背景图片使用。
1.li自身圆点的颜色是修改不了的,你不想要那个圆点的话,可以通过以下几种方式来解决,.将圆点去掉,li{ list-style:none},然后用color:#ff0000设置字体的颜色,<li>.</li>这里的点就是红色的了。
2.你可以设置为自己喜欢的颜色,如果你要区分点和字的颜色,可以在li里面再嵌入一个标签,像这样:<li style="color:#ff0000font-size。
3.12px"><span style="color:#00ff00font-size:20px">.</span>list1</li>这样点就是绿色的,字就是红色的了。
4.将圆点去掉,li{ list-style:none};然后将那个点做成图片,然后嵌入li中。:<li style="color:#ff0000font-size:12px<img src="图片地址">list1</li>。
关于css如何去除数字前的0字相关资料如下使用css去除文字前点的方法:
找到相关性的CSS,在.li和.ul下写入list-sytle:none当然有的会这样来写list-style-type:none, 这种写法特别是在一些CMS中最常见。
实现:
1、在相关的页面找到head部分写入下面的代码
<style type="text/css">
ul li{
list-style:none
}
</style>
2、在li,ul内加入list-style。如
<ul style="list-style-type:none><li><a herf="http://blog.csdn.net/business122">HTML中文网</a></li></ul>
当然这种是很麻烦的了。
最简单的就是第一种了,通过CSS来控制,这个当然会有不错的效果了。
这几种方法都是通过设置list-style:none来设置的,有的是会用list-style-type,下面我们来看一看它的属性:
none不使用项目符号
disc实心圆,默认值
circle空心圆
square实心方块
decimal阿拉伯数字
lower-roman小写罗马数字
upper-roman大写罗马数字
lower-alpha小写英文字母
upper-alpha大写英文字母
这些都可以来代替上文中的none,想要什么样的都会有一个相应的对应。