css列表樣式有哪些？ css設定清單樣式的方法
- 不言原創
- 2018-08-18 14:05:344216瀏覽
關於清單的css樣式有哪些以及如何設定css清單樣式？接下來的這篇文章將為大家介紹關於css列表樣式的內容。
1、css有序列表(ol)和css無序列表（ul）
list.html
<!doctype html><html><head>
<meta charset="utf-8">
<title>列表样式</title>
<link href="box.css" type="text/css" rel="stylesheet"></head><body>
<p>
<ul>
<li>水果 <ol>
<li>苹果</li>
<li>香蕉</li>
<li>梨子</li>
</ol>
</li>
</ul>
</p></body></html>2、 css清單標號樣式 list-style-type
屬性值：
circle;空心圓
disc; 實心圓
decimal;數字
list.css
ul>li{
list-style-type:circle;
}
ul>li>ol>li{
list-style-type:disc;
}3、css標號樣式的顯示方式list-style-position
屬性值：outside(在文字之外,預設)
inside(與文字一起)
list.css
ul{
text-align: center;
list-style-position:outside;
}
ul>li{
list-style-type:circle;
}
ul>li>ol>li{
list-style-type:disc;
}相關推薦：
#CSS 所有的清單樣式類型_html/css_WEB-ITnose
#CSS：清單樣式（設定清單項目的標誌圖案/位置）_html/css_WEB-ITnose
匯入式樣式表CSS與連結式樣式表CSS的差異以上是css列表樣式有哪些？ css設定清單樣式的方法的詳細內容。更多資訊請關注PHP中文網其他相關文章！
陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn