在CSS樣式中,我們可以使用列表(list)來展示或者排版內容。然而,在默認的情況下,列表會自動添加原點(bullet)來標識每一個列表項。有時候,我們并不想要這些原點干擾到我們的排版效果。這時候,我們需要去掉這些原點。
使用CSS,我們可以直接去掉原點的樣式??梢允褂靡韵麓a:
ul { list-style: none; }
在這個例子中,我們使用了list-style
屬性。這個屬性控制列表的樣式,包括原點符號、序號、幅度等等。當我們將這個屬性設置為none
,也就意味著我們要去掉所有的樣式。
請注意,這個樣式會作用于所有類型的列表,包括有序列表和無序列表。如果你只想去掉無序列表的原點,可以使用以下代碼:
ul { list-style-type: none; }
在這個例子中,我們使用了list-style-type
屬性,像去掉原點的樣式一樣。然而,這個屬性只會作用于有序列表或無序列表中的原點。如果你注定只想去掉有序列表中的序號,可以使用以下代碼:
ol { list-style-type: none; }
總的來說,通過改變CSS樣式,我們可以很方便地去掉列表中的原點或者序號。這個技術可以讓我們更精細地控制列表的排版,使得頁面的效果更加出色。
上一篇css樣式浮動為左