[04-08] list-style-type,无序列表 & 有序列表

时间：2019-05-15 15:11:09 阅读：154 评论：0 收藏：0 [点我收藏+]

<!DOCTYPE html>

<head>

　　<title>Document</title>

</head>

<body>

　　　　<ol>

　　　　</ol>

　　　　<ul>

　　　　</ul>

　　</div>

</body>

</html>

list-style-type

　　· 无序列表取值

　　　　- none：无标记；

　　　　- dics: 实心圆，为默认值；

　　　　- circle：空心圆；

　　　　- square：实心方块；

　　· 有序列表取值

　　　　- none：无标记；

　　　　- decimal: 数字(如 1，2，3),为默认值；

　　　　- lower-roman: 小写罗马数字(如 i,ii,iii,iv,v)

　　　　- upper-roman:大写罗马数字(如 I,II,III,IV,V)

　　　　- 等

list-style-image 属性使用图像来替换列表项的标记

　　- 取值为：nul(),指定图像作为有序或无序列表的标志；

------css----

.ll{

　　border: 1px solid red;/*边框*/

　　margin: 400px 50px;/*外边框到另一端边的距离*/

　　height: 200px;

　　width: 150px;

　　/*有序列表；upper-roman:大写罗马数字*/

　　list-style-type: uper-roman;

}

ul{

　　/*无序排列；square：实心方块；*/

　　list-style-type: square;

}

原文：https://www.cnblogs.com/cainiaobufei/p/10869449.html

踩

(0)

评论一句话评论（0）

分享档案

更多>