屬性
說明示例
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 引...