ul( Unordered List)無序列表
ol(Ordered List)有序列表
列表的樣式: 列表原有符號、自定義圖形符號、符號顯示位置。
1.列表符號
是顯示於每一個列表項目前的符號標識。
list-style-type:參數
參數:
disc:圓形(默認)
circle:空心圓
square:方塊
decimal:十進制數字
lower-roman:小寫羅馬數字
upper-roman:大寫羅馬數字
lower-alpha:小寫希臘字母
upper-alpha:大寫希臘字母
none:無符號顯示
2.自定義圖形符號
list-style-image:URL(相對地址或絕對地址)
3.符號顯示位置
list-style-position:參數
參數:
inside:在列表框內顯示
outside:在列表框外顯示
<ol start="2"> <!-- 以2開始 -->
<li>a</li>
<li>b</li>
<li>c</li>
</ol>
<ol reversed> <!-- 倒序顯示,沒有屬性值 -->
<li>a</li>
<li>b</li>
<li>c</li>
</ol>
<ol type="a"> <!-- 顯示類型(1,a,A,i,I),默認123 -->
<li>a</li>
<li>b</li>
<li>c</li>
</ol>
<ol>
<li>a</li>
<li>b</li>
<li value="5">c</li> <!-- 強制設置這里從5開始,下面接着是6 -->
<li>d</li>
</ol>
<dl>
<dt>這是一個盤子</dt>
<dd>這是盤子里的一個蘋果</dd>
<dd>這是盤子里的一個辣椒</dd>
<dt>這是一個袋子</dt>
<dd>這是盤子里的一個梨</dd>
<dd>這是盤子里的一個板栗</dd>
</dl>