网页设计中列表标记如何自定义样式？

在CSS设计中，我们经常会用到列表，比如在导航栏。

而一般的列表出来后，总会在每一行的前边有一个小黑点。

如何个性化这个黑点呢？下边给出操作步骤

 

CSS中有一个list-style属性，可以对列表的样式进行控制，语法如下：

 

list-style:list-style-image || list-style-position || list-style-type

 

其中有三个参数： list-style-image 、 list-style-position 、 list-style-type

 

list-style-image ：这个是替代列表前的小圆点的。可以替代为没有 none  或者 url(图像地址)

 

list-style-position：当列表前有标记时（默认为小圆点），确定他的位置是突出到文字之前还是不突出，可以设置为 inside 或者 outside。

 

list-style-type：是系统默认的列表前标记的符号样式，以下给出参数列表

 

disc : 　CSS1　实心圆
circle : 　CSS1　空心圆
square : 　CSS1　实心方块
decimal : 　CSS1　阿拉伯数字
lower-roman : 　CSS1　小写罗马数字
upper-roman : 　CSS1　大写罗马数字
lower-alpha : 　CSS1　小写英文字母
upper-alpha : 　CSS1　大写英文字母
none : 　CSS1　不使用项目符号
armenian : 　CSS2　传统的亚美尼亚数字
cjk-ideographic : 　CSS2　浅白的表意数字
georgian : 　CSS2　传统的乔治数字
lower-greek : 　CSS2　基本的希腊小写字母
hebrew : 　CSS2　传统的希伯莱数字
hiragana : 　CSS2　日文平假名字符
hiragana-iroha : 　CSS2　日文平假名序号
katakana : 　CSS2　日文片假名字符
katakana-iroha : 　CSS2　日文片假名序号
lower-latin : 　CSS2　小写拉丁字母
upper-latin : 　CSS2　大写拉丁字母