css怎么设置无序列表的符号为特殊字符

html-css010

css怎么设置无序列表的符号为特殊字符,第1张

第一种:当然是无序列表中的默认小圆点

第二种:是把小圆点改为小方块显示

第三种:是把小圆点改为空心圆显示

第四种:是把小圆点给去掉,这个应该是比较常用的。

第五种:也是不太常用的,就是把无序列表编程有序列表的方法,前面加数字

新建一个html文件,命名为test.html,用于讲解css如何使每个字符宽度一样。 2 /6 在test.html文件内,使用div标签创建一行字符,用于测试。 3 /6 在test.html文件内,设置div标签的class属性为strdiv,用于下面设置样式。 4 /6 在test.html文件内,编写<style type="text/css"></style

li + li:before {

content: ""

color: #ddd

padding: 0 5px

}

举个例子来说,上面的css效果是在两个li中间加点内容,可以做到面包屑导航的效果。如果想在两个li中间加特殊字符,则需要在content里面填入该字符的unicode。