css列表樣式

2021-08-27 16:13:28 字數 702 閱讀 1858

css列表樣式

1.list-style-type 設定列表項標誌的型別

1)無序列表

none  無標記(去除預設的圓點),disc 實心的圓點,circle 空心的圓點,square實心的方塊

2)有序列表

none 無標記,decimal 從1開始的整數,lower-roman小寫羅馬數字,upper-roman 大寫羅馬數字,

lower-alpha小寫英文本母,upper-alpha大寫英文本母

2.list-style-image 將影象設定為列表項標誌

list-style-image:url(..)/none

3.list-style-positon 設定列表中列表項標誌的位置

list-style-positon:inside/outside

說明:inside,列表專案標記放置在文字以內,且環繞文字根據標記對齊

outside,預設值,列表專案標記放置在文字以外,且環繞文字不根據標記對齊

4.list-style 簡寫屬性 。用於把所有列表的屬性設定於乙個宣告中。

list-style:[list-style-type]  [list-style-image]  [list-style-positon]

說明:值之間用空格分隔

順序不固定 

list-style-image會覆蓋list-style-type的設定

CSS字型樣式,背景樣式,列表樣式

1.color 字型顏色 2.font size 字型大小 盡量用偶數 3.font family 字型型號 可以設定多個字型,用,隔開,優先使用第乙個字型,如果沒有使用下乙個。中文字型加引號,英文本型如果有空格 則也要加引號 線上字型 font face 4.font style 字型樣式 斜體等...

CSS列表樣式屬性

list style 這個屬性是設定列表樣式的乙個快捷的綜合寫法。用這個屬性可以同時設值列表樣式型別屬性 list style type 列表樣式位置屬性 list style position 和列表樣式屬性 list style image 示例 如下 ul list style type 列表...

CSS列表樣式屬性

列表樣式型別屬性 list style type 這個屬性用來設定列表項標記的型別。有以下值 disc 預設值,黑圓點 circle 空心圓點 square 小黑方塊 decimal 數字排序 lower roman 小寫羅馬字排序 upper roman 大寫羅馬字排序 lower alpha 小...