溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

css 列表屬性詳細總結

發布時間:2020-08-05 23:47:57 來源:網絡 閱讀:425 作者:crazy_charles 欄目:開發技術


列表類型(list-style-type)

要影響列表的樣式,最簡單(同時支持最充分)的辦法就是改變其標志類型。

在一個無序列表中,列表項的標志 (marker) 是出現在各列表項旁邊的圓點。

在有序列表中,標志可能是字母、數字或另外某種計數體系中的一個符號。

屬性值有以下:

list-style-type:none無標記

list-style-type:disc默認,標記是實心圓

list-style-type:circle 空心圓

list-style-type:square實心方塊

list-style-type:decimal標記是數字

list-style-type:decimal-leading-zero 0開頭的數字標記(01,02,03)等 

list-style-type:lower-roman 小寫羅馬數字(i,ii,iii,iv,v)

list-style-type:upper-roman 大寫羅馬數字(I,II,III,IV)

list-style-type:lower-alpha 小寫英文字母(a,b,c,d)

list-style-type:upper-alpha 大寫英文字字母(A,B,C,D)

list-style-type:lower-greek 小寫希臘字母(alpha,beta,gamma)

list-style-type:lower-latin 小寫拉丁字母(a,b,c,d)

list-style-type:upper-latin 大寫拉丁字母(A,B,C,D)

 

標記位置(list-style-position)

inside 列表項目標記位置在文本以內,且環繞文本根據標記對齊

outside 默認值,保持標記位于文本的本側,列表項目目標記防止在文本以外,且環繞文本不根據標記對齊

inherit 規定應該從父元素繼承list-style-position屬性的值


設置圖像列表標記(list-style-p_w_picpath)

屬性值有以下

URL 圖像的路徑

none 默認,無圖形被顯示

inher 規定從父元素繼承list-style-p_w_picpath屬性的值


ul li {

list-style-p_w_picpath : url(xxx.gif)

}

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI

亚洲午夜精品一区二区_中文无码日韩欧免_久久香蕉精品视频_欧美主播一区二区三区美女