css如何添加列表项目符号

css如何添加列表项目符号

一般默认情况下列表项目符号是有的。如果是定义了 ul{list-style:none;} ,那个项目符号就没有了,在这种情况下,可以用 list-style-type把那个项目符号显示出来,其中 list-style-type 的取值可以是下面这些:

disc : 默认值。实心圆
circle : 空心圆
square : 实心方块
decimal : 阿拉伯数字
lower-roman : 小写罗马数字
upper-roman : 大写罗马数字
lower-alpha : 小写英文字母
upper-alpha : 大写英文字母
none : 不使用项目符号

<!DOCTYPE html>
<html>
    
    <head>
        <meta charset="UTF-8">
        <title>Document</title>
        <style>
		ul{
			list-style-type: circle;
		}
	</style>
    </head>
    
    <body>
        <h4>一个无序列表:</h4>
        <ul>
            <li>咖啡</li>
            <li>茶</li>
            <li>牛奶</li>
        </ul>
    </body>

</html>

1.jpg-600

更多CSS相关技术文章,请访问CSS3答疑栏目进行学习!

以上就是css如何添加列表项目符号的详细内容,更多请关注0133技术站其它相关文章!

赞(0) 打赏
未经允许不得转载:0133技术站首页 » CSS3 答疑