定義li 前面的小點樣式 :使用list-style-type。
關於這個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 前面小點的樣式所用到的,當然,前面使用小圖示,效果更是千變萬化,具體的實施根據設計效果圖走。
css li 去掉點的樣式寫法,其實就是利用css的list-sytle樣式來實現的。
實現**:li 。
工作中,在基礎樣式裡 我們首先 會初始化css:
關於為什麼去掉小黑點而用替換,主要原因可以提高頁面的美觀度。
例如:
進一步補充:
list-style-image屬性
list-style-image屬性用來定義使用代替專案符號。它也是乙個可繼承屬性,其語法結構如下:
list-style-image:none/url
list-style-image屬性可以取兩個值:
none:沒有替換的。 url:要替換的路徑。
來看一段**:li
list-style-position屬性
list-style-position屬性,是用來定義專案符號在列表中顯示位置的屬性。它同樣是乙個可繼承的屬性,語法結構如下:
list-style-position:inside/outside
inside:專案符號放置在文字以內。 outside:專案符號放置在文字以外。
使用list-style-position屬性的示例如下:li
list-style屬性
list-style屬性是綜合設定li樣式的屬性,也是乙個可以繼承的屬性,語法結構如下:
li-style:list-style-type/list-style-image/list-style-position
各個值的位置可以交換。比如:
li
css li 去掉點的樣式寫法
li 直接變色 li 程式設計客棧 關於這個list style type的一些語法與引數 語法 list style type fxxbbldfmj disc circle square decimal lower roman upper roman lower alpha upper alpha...
去掉iPhone iPad的預設按鈕樣式
只要在樣式裡面加一句去掉css去掉iphone ipad的預設按鈕樣式就可以了!input type button input type submit input type reset 如果還有圓角的問題,button 我們在寫表單的時候會發現一些瀏覽器對表單賦予了預設的樣式,如在chorme瀏覽器...
CSS XHTML邊框樣式的寫法總結
今天在群 css森林 30247792 裡討論了border的樣式寫法,發現border的寫法還真是靈活,做了一下總結,希望對大家有用 border border width border style border colorborder是乙個復合的屬性,它可以同時定義上右下左四個邊框,當四個邊都是...