ul ol 列表的樣式的控制


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>


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM