CSS3 設定列表樣式

2021-10-03 11:28:46 字數 2392 閱讀 9124

屬性

說明示例

list-style

在乙個宣告中設定所有列表屬性

list-style: none;

※列表屬性設定順序 :

↓↓

在實際開發中,直接使用list-style屬性讓列表不顯示標記符號,而list-style-position和list-style-image省略不寫。即。值說明

none

不顯示標記符號

disc

實心圓circle

空心圓square

實心正方形

decimal

數字lower-roman

小寫羅馬數字

upper-roman

大寫羅馬數字

lower-alpha

小寫英文本母

upper-alpha

大寫英文本母

html code :

>

>

charset

="utf-8"

>

>

列表項標記型別title

>

type

="text/css"

>

.none

.disc

.circle

.square

.decimal

.lower-roman

.upper-roman

.lower-alpha

.upper-alpha

style

>

head

>

>

class

="none"

>

>

微微li

>

>

一笑li

>

>

很傾城li

>

ul>

class

="disc"

>

>

微微li

>

>

一笑li

>

>

很傾城li

>

ul>

class

="circle"

>

>

微微li

>

>

一笑li

>

>

很傾城li

>

ul>

class

="square"

>

>

微微li

>

>

一笑li

>

>

很傾城li

>

ul>

class

="decimal"

>

>

微微li

>

>

一笑li

>

>

很傾城li

>

ul>

class

="lower-roman"

>

>

微微li

>

>

一笑li

>

>

很傾城li

>

ul>

class

="upper-roman"

>

>

微微li

>

>

一笑li

>

>

很傾城li

>

ul>

class

="lower-alpha"

>

>

微微li

>

>

一笑li

>

>

很傾城li

>

ul>

class

="upper-alpha"

>

>

微微li

>

>

一笑li

>

>

很傾城li

>

ul>

body

>

html

>

result :

list-style-type屬性的預設值disc

我尋見一片海 碧藍且耀著光

大片船隻航行其上 都向著遠方

shared by foriver_江河

css3 設定背景樣式

1.設定背景顏色 background color red 2.設定背景background image url x 注 3.設定背景平鋪 background repeat no repeat 引數說明 4.設定滾動容器的背景行為 跟隨滾動 固定 background attachment fix...

CSS3布局樣式

css3多列布局columns 為了能在web頁面中方便實現類似報紙 雜誌那種多列排版的布局,w3c特意給css3增加了乙個多列布局模組 css multi column layout module 它主要應用在文字的多列布局方面,這種布局在報紙和雜誌上都使用了幾十年了,但要在web頁面上實現這樣的...

CSS3布局樣式

1.多列布局 columns 為了能在web頁面中方便實現類似報紙 雜誌那種多列排版的布局,w3c特意給css3增加了乙個多列布局模組 css multi column layout module 它主要應用在文字的多列布局方面。columns column width column count 引...