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

時間 2019-12-11

標籤 list style type 無序列表有序简体版

原文原文鏈接

<!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;

}

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。