利用CSS添加標題前的黑點 在設計網頁時，我們經常需要在標題前面添加一個黑點來突出顯示標題，增加頁面的美感和可讀性。那么該如何利用CSS實現呢？ 我們可以使用偽元素 ::before 來實現。先看一下HTML的代碼結構：

<h1>這是一個標題</h1>
<h2>這是一個小標題</h2>
<p>這是一段文本</p>

接下來使用CSS添加黑點：

p::before {
content: "●"; // 使用圓點en以下字符
color: #000000; // 文本顏色為黑色
font-size: 16px; // 字體大小為16px
margin-right: 8px; // 黑點與文本之間的距離為8px
}

這樣我們就實現了在段落 p 前面添加黑點的效果。 同樣的，對于標題 h1 和 h2 可以使用以下的代碼：

h1::before {
content: "●";
color: #000000;
font-size: 24px;
margin-right: 10px;
}
h2::before {
content: "●";
color: #000000;
font-size: 18px;
margin-right: 10px;
}

代碼說明： 使用偽元素 ::before 添加內容為 "●" 的黑點。 設置文本顏色為黑色，字體大小和黑點與文本之間的距離根據實際需求進行調整。 注意事項： 如果網頁中使用了中文字符，那么最好使用SVG或者圖片來代替文本字符，否則在不同瀏覽器和系統中可能會出現不同的表現。 如果需要不同樣式的標題，建議使用class來指定樣式，而不是采用多個h1、h2標簽進行區分。