CSS怎么去掉小圓點?
有時候我們在頁面中使用列表,卻不想要列表符號,該怎么辦呢?
答案很簡單,只需添加一段CSS代碼即可。
例如,我們有一個ul列表,代碼如下:
<ul> <li>列表項1</li> <li>列表項2</li> <li>列表項3</li> </ul>默認情況下,ul列表的每一項都會有一個小圓點標記。如果想要去掉這些小圓點,我們只需在CSS樣式表中添加如下代碼:
ul { list-style: none; }以上代碼表示將ul列表的標記樣式(list-style)設為none,即無標記。 這個樣式屬性還可以設為其他值,如:disc、circle、square等等。 如果只想去掉某一個ul列表的標記,而不是全部ul列表,可以為這個ul添加class屬性,并在CSS中指定該類名的樣式:
.no-bullet { list-style: none; }然后,在HTML中為特定的ul元素添加該類名即可:
<ul class="no-bullet"> <li>列表項1</li> <li>列表項2</li> <li>列表項3</li> </ul>總之,如果需要去掉小圓點,只需添加上述代碼即可。是不是很簡單呢?
上一篇mysql 點
下一篇css設置字體長度和寬度