CSS的文字下面一排點點,通常稱為“列表”,是網(wǎng)頁排版中非常常見的一種形式,可以用于展示內(nèi)容的清單、某個過程中的步驟、職責等等。
在CSS中,我們使用“list-style
”屬性來控制列表的樣式。該屬性最簡單的寫法是:設(shè)置“list-style-type
”為“disc
”,這樣就可以得到標準的黑色實心圓點列表。
ul { list-style-type: disc; }
除了實心圓點,還有很多其他的“list-style-type
”,比如空心圓圈、“decimal
”數(shù)字序號、“lower-alpha
”小寫英文字母序號、“lower-roman
”羅馬數(shù)字等等。如果不想顯示這些點點,可以將“list-style-type
”設(shè)置為“none
”,如下所示:
ul { list-style-type: none; }
另外,“list-style
”屬性還有兩個簡寫屬性:“list-style-image
”和“list-style-position
”。前者用于設(shè)置列表符號的圖片,后者用于控制列表符號的位置。
ul { list-style: square url('images/arrow.png') outside; }
通過“list-style
”屬性的設(shè)置,你可以輕松地實現(xiàn)讓網(wǎng)頁更加美觀的列表形式。
上一篇mysql托管免費