ul ol li的序號編號樣式

2022-06-08 18:51:09 字數 1514 閱讀 6013

序號樣式例子,下面是html**(做參考)

<

ol>

<

li>列表內容列表內容列表內容列表

li>

<

li>列表內容列表內容列表內容列表

li>

<

li>列表內容列表

li>

<

li>列表內容列表內容4

li>

<

li>列表內容列表內容5

li>

ol>

一。示例

1.自定義序號,

一般的列表順序都是以1.2.3.為序號,但需要「、」代替「.」  ,這時我們就要自己定義,主要使用了css的counter-increment對部分和子部分進行編號,但問題是折行的部分不能自動縮排

ol

ol li:before

執行後為:

2. 標準格式

ol

ol li

執行後為:

二、css的ul、ol、li樣式

1.list-style-type 屬性設定列表項標記的型別。

取值:disc 點| circle圓圈 | square正方形 | decimal數字 | decimal-leading-zero 十進位制數| lower-roman 小寫羅馬文字| upper-roman 大寫羅馬文字| lower-greek小寫希臘字母 | lower-latin小寫拉丁文 | upper-latin 大寫拉丁文| armenian亞美尼亞數字 | georgian喬治亞數字 | lower-alpha小寫拉丁文 | upper-alpha大寫拉丁文 | none無 | inherit繼承

初始值: disc

2.list-style-image 屬性使用影象來替換列表項的標記

取值:  list-style-image:none/url

3.list-style-position 屬性設定在何處放置列表項標記。

該屬性用於宣告列表標誌相對於列表項內容的位置。外部 (outside) 標誌會放在離列表項邊框邊界一定距離處,不過這距離在 css 中未定義。內部 (inside) 標誌處理為好像它們是插入在列表項內容最前面的行內元素一樣。

取值: list-style-position:inside/outside

注:有的時候outside不起作用,原因是加了浮動,

4.list-style屬性

list-style 簡寫屬性在乙個宣告中設定所有的列表屬性。

取值:li-style:list-style-type/list-style-image/list-style-position

注:有的時候列序號不起作用,原因是加了浮動,

解決辦法是 list-style-position:outside;改成list-style-position: inside;或去掉浮動設定

excel自動生成序號 編號

用excel編輯 時,經常需要給 新增序號,如果要新增的序號較多,則乙個乙個的手動輸入序號會浪費一定的時間。我們可以利用excel中的一些功能,讓excel自動給 新增序號,這些功能有的適合 行數列數較少的情況,有的適合 行數列數比較多的情況。輸入序號的前兩個數字後拖動填充柄自動新增序號。先在要新增...

C 獲取CPU序號硬碟碼網絡卡編號

public class computer 1.獲取cpu序列號 static string getcpuid moc null mc null return cpuinfo catch finally 2.獲取網絡卡硬體位址 static string getmacaddress moc null...

HTML中UL OL LI的用法

ul unordered lists ol ordered lists li lists ol 有序列表。表現為 1 2 3 ul 無序列表,表現為li前面是大圓點而不是123 很多人容易忽略 dl dt dd的用法 dl 內容塊 dt 內容塊的標題 dd 內容 可以這麼寫 標題內容1 內容2dt ...