說起列表標簽li的運用,也許大家都挺熟悉,但是,關于list-style-type所使用的小按鈕與LI正文間的間距、顏色、大小控制也許很多人都不是特別熟悉,這里就常見用法,做簡單總結:
list-style-type ? ?小按鈕的類型
list-style-position 小按鈕的位置(列表里inside和列表外outside)
list-style-image 小按鈕用圖片代替
我們常見的列表用法如下例子:
示例代碼
如果調整小按鈕顏色和大小,只需要相應的在ul標簽中改變color和font-size就行了;
這里,如果想改變小按鈕和Li之間的距離,用自動生成的小按鈕無法做到;
另外,如果項目中要求,小按鈕和li中的文字顏色不一樣的話,自動生成的li也很難做好,
這時,我們有必要引入背景圖片,在li上設置padding-left,然后再引入背景圖片