武林網(www.companysz.com)文章簡介:大家看到了其本形式與無序列表的一樣,只是在外圍標簽上名稱不同。無序是UL,有序就變成OL了。所不同的是有序列表將會有比無序更多的標簽屬性。
在網站制作的案例中,大部分講到了CSS無序列表的應用,而webjx.com更希望大家能熟悉各種不常用的知識,更加專業的面對工作中可能遇到的問題。以前我們面對這些有著順序或是有數字注明排序的內容時大多是在數據前自行加上一個數值,或是由程序加上這個數值。而如果使用有序列表則不需要這么麻煩,根本不用自行去填寫序數,當單層列表的時候這種特性似乎并不明顯,而當使用多層的時候其特性就很明顯了。那么還是先來了解一下有序列表的代碼形式:<ol>
<li>這就是列表的內容了,這是第一句</li>
<li>這就是列表的內容了,這是第二句</li>
<li>這就是列表的內容了,這是第三句</li>
<li>這就是列表的內容了,這是第四句</li>
<li>這就是列表的內容了,這是第五句</li>
</ol>
<ol start="6">
<li>這就是列表的內容了,這是第一句</li>
<li>這就是列表的內容了,這是第二句</li>
<li>這就是列表的內容了,這是第三句</li>
<li>這就是列表的內容了,這是第四句</li>
<li>這就是列表的內容了,這是第五句</li>
</ol>
類型值 生成樣式 序列舉例
A 大寫字母 A、B、C、D、E
a 小寫字母 a、b、c、c、e
I 大寫羅馬數字 I、II、III、IV、V
i 小寫羅馬數字 i、ii、iii、iv、v
1 阿拉伯數字 1、2、3、4、5
<ol type="A">
<li>這就是列表的內容了,這是第一句</li>
<li>這就是列表的內容了,這是第二句</li>
<li>這就是列表的內容了,這是第三句</li>
<li>這就是列表的內容了,這是第四句</li>
<li>這就是列表的內容了,這是第五句</li>
</ol>
新聞熱點
疑難解答