網頁設計中列表標記如何自定義樣式？

在CSS設計中，咱們常常會用到列表，好比在導航欄。

而通常的列表出來後，總會在每一行的前邊有一個小黑點。

如何個性化這個黑點呢？下邊給出操做步驟

 

CSS中有一個list-style屬性，能夠對列表的樣式進行控制，語法以下：

 

list-style:list-style-p_w_picpath || list-style-position || list-style-type

 

其中有三個參數： list-style-p_w_picpath 、 list-style-position 、 list-style-type

 

list-style-p_w_picpath ：這個是替代列表前的小圓點的。能夠替代爲沒有 none  或者 url(圖像地址)

 

list-style-position：當列表前有標記時（默認爲小圓點），肯定他的位置是突出到文字以前仍是不突出，能夠設置爲 inside 或者 outside。

 

list-style-type：是系統默認的列表前標記的符號樣式，如下給出參數列表

 

disc : 　CSS1　實心圓
circle : 　CSS1　空心圓
square : 　CSS1　實心方塊
decimal : 　CSS1　阿拉伯數字
lower-roman : 　CSS1　小寫羅馬數字
upper-roman : 　CSS1　大寫羅馬數字
lower-alpha : 　CSS1　小寫英文字母
upper-alpha : 　CSS1　大寫英文字母
none : 　CSS1　不使用項目符號
armenian : 　CSS2　傳統的亞美尼亞數字
cjk-ideographic : 　CSS2　淺白的表意數字
georgian : 　CSS2　傳統的喬治數字
lower-greek : 　CSS2　基本的希臘小寫字母
hebrew : 　CSS2　傳統的希伯萊數字
hiragana : 　CSS2　日文平假名字符
hiragana-iroha : 　CSS2　日文平假名序號
katakana : 　CSS2　日文片假名字符
katakana-iroha : 　CSS2　日文片假名序號
lower-latin : 　CSS2　小寫拉丁字母
upper-latin : 　CSS2　大寫拉丁字母