在網(wǎng)頁(yè)設(shè)計(jì)中，經(jīng)常會(huì)使用CSS來(lái)控制新聞列表的樣式。其中一種比較常見(jiàn)的樣式就是在新聞標(biāo)題前面加上黑點(diǎn)，以提示用戶這是一篇新聞。

<style>
.news li:before {
content: '';
display: inline-block;
width: 6px;
height: 6px;
margin-right: 8px;
background-color: black;
border-radius: 50%;
}
</style>
<ul class="news">
<li>新聞1</li>
<li>新聞2</li>
<li>新聞3</li>
</ul>

代碼中我們使用了:before偽元素來(lái)在新聞標(biāo)題前面添加了一個(gè)6px寬6px高的黑色實(shí)心圓點(diǎn)，并設(shè)置了其與標(biāo)題的距離為8px。

這種樣式非常簡(jiǎn)潔明了，使得用戶可以更快速地辨別新聞列表中每篇文章的標(biāo)題。同時(shí)，這種樣式還可以通過(guò)CSS控制黑點(diǎn)的大小、顏色和間距等屬性，以符合不同網(wǎng)頁(yè)設(shè)計(jì)需求。