本文主要介紹html中有序列表標簽ol,li的高級應用,

在網頁設計時我們設計有序列表內容時，經常會在每個ITEM前手工加上一個數值，或是由程序加上這個數值。

而如果使用有序列表標簽ol和li，則不需要這么麻煩，根本不用自行去填寫序數，當單層列表的時候這種特性似乎并不明顯，而當使用多層的時候其特性就很明顯了。

一般的標簽ol和li有序列表應用代碼如下：

列表內容一

列表內容二

列表內容三

列表內容四

列表內容五

下面讓我們看一下有序列表標簽ol,li的高級應用：

改變有序列表的開始值

改變開始值的屬性是："start"，下面是序列號從10開始的有序列表示例代碼：

列表內容一

列表內容二

列表內容三

列表內容四

列表內容五

運行代碼查看效果：

CSS在線-示例

列表內容一

列表內容二

列表內容三

列表內容四

列表內容五

設置有序列表的序號類型

改變編號類型的屬性是："type"，type類型有以下幾種類型：

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

下面是序列號類型是大寫字母的有序列表示例代碼：

CSS在線-示例

列表內容一

列表內容二

列表內容三

列表內容四

列表內容五

總結

以上是生活随笔為你收集整理的html中的ol 和li,html中ol标签与li标签的高级应用的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。