css去掉li標籤前面的點
css li 去掉點的樣式寫法,其實就是利用css的list-sytle樣式來實現的。
li{ list-style: url("pre.gif") outside circle; }
直接變色 li{ color:#f00; }
關於這個list-style-type的一些語法與參數:
語法: list-style-type : disc | circle | square | decimal | lower-roman | upper-roman | lower-alpha | upper-alpha | none | armenian | cjk-ideographic | georgian | lower-greek | hebrew | hiragana | hiragana-iroha | katakana | katakana-iroha | lower-latin | upper-latin 取值:
disc : CSS1 默認值。實心圓
circle : CSS1 空心圓
square : CSS1 實心方塊
decimal : CSS1 阿拉伯數字
lower-roman : CSS1 小寫羅馬數字
upper-roman : CSS1 大寫羅馬數字
lower-alpha : CSS1 小寫英文字母
upper-alpha : CSS1 大寫英文字母
none : CSS1 不使用項目符號
編輯:
一般去掉小黑點的具體樣式表代碼
li{margin:0; padding:0; list-sytle:none}
即可,關於爲什麼去掉小黑點而用圖片替換,主要原因就是 容易容易樣式,也可以提高頁面的美觀度。
li{ list-style: url("pre.gif") outside circle; }
直接變色 li{ color:#f00; }
關於這個list-style-type的一些語法與參數:
語法: list-style-type : disc | circle | square | decimal | lower-roman | upper-roman | lower-alpha | upper-alpha | none | armenian | cjk-ideographic | georgian | lower-greek | hebrew | hiragana | hiragana-iroha | katakana | katakana-iroha | lower-latin | upper-latin 取值:
disc : CSS1 默認值。實心圓
circle : CSS1 空心圓
square : CSS1 實心方塊
decimal : CSS1 阿拉伯數字
lower-roman : CSS1 小寫羅馬數字
upper-roman : CSS1 大寫羅馬數字
lower-alpha : CSS1 小寫英文字母
upper-alpha : CSS1 大寫英文字母
none : CSS1 不使用項目符號
編輯:
一般去掉小黑點的具體樣式表代碼
li{margin:0; padding:0; list-sytle:none}
即可,關於爲什麼去掉小黑點而用圖片替換,主要原因就是 容易容易樣式,也可以提高頁面的美觀度。
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.