有序列表ol顯示數字

2021-09-30 09:34:21 字數 767 閱讀 3571

通過css的list-style-type 屬性 裡制定ol的顯示x效果,list-style-type 的值如下:

disc :  css1 預設值。實心圓

circle :  css1 空心圓

square :  css1 實心方塊

decimal :  css1 阿拉伯數字

lower-roman :  css1 小寫羅馬數字

upper-roman :  css1 大寫羅馬數字

lower-alpha :  css1 小寫英文本母

upper-alpha :  css1 大寫英文本母

非列表型別的標籤加上有序排列.下面這樣的**會給你一些參考

wordpress

iswonderful

andperfect

html說明.

class="list"的html標籤可以是絕大多數非列表型別標籤.

.list
css說明,

display屬性, 將標籤的原有屬性轉換為"列表專案".

list-style-type屬性, 控制輸出的列表專案的標記. 如果是"disc", 則是實心圓點. 如果是"decimal", 則是阿拉伯數字.

margin-left屬性, 用來將原本突出(

被隱藏了的)在外面的列表標記顯示出來.

或者可以用list-style-position屬性, 來控制列表標記是顯示在內部還是顯示到外部

html中有序列表ol中的li前面不顯示數字

最近做專案遇到這樣乙個問題,就是前端想用ol有序列表,以此達到顯示每個li元素的前面的數字,但是在使用layui框架之後,數字無法顯示。如圖 注 這是在引入layui.css檔案之後的樣子 首先,這個問題一定是引入的css檔案修飾了原來的樣式,所以要增加新的樣式覆蓋掉引入的css檔案的樣式,而我們自...

html5 有序列表ol的一些變化

在html4中type 被list style type給替代了,start 和value幾乎不常用,很少看到有這樣的 但是html5的新標準這幾個屬性又重新被撿回來了。1 個人感覺使用type 屬性list style type 簡單,也容易記憶 下面來對應下這兩個之間的關係 type list ...

html5 有序列表ol的一些變化

在html4中type 被list style type給替代了,start 和value幾乎不常用,很少看到有這樣的 但是html5的新標準這幾個屬性又重新被撿回來了。1 個人感覺使用type 屬性list style type 簡單,也容易記憶 下面來對應下這兩個之間的關係 type list ...