在 CSS 中,我們可以為文字下方添加點來強調一些關鍵信息。這種技術被稱為文本下點,可以讓你的頁面看起來更具有吸引力和專業感。下面是一個示例,展示如何在 CSS 中設置文本下點:
p { text-decoration: underline; } p::after { content: "●"; color: red; font-size: 14px; margin-left: 4px; }
首先,我們使用“text-decoration: underline;”來為段落下劃線。接下來,我們使用“::after”偽元素來添加一個紅色的點。由于該點是在“::after”偽元素中創建的,所以它不會干擾文本布局或與其他元素重疊。具體設置包括設置點的內容為“●”,設置顏色為紅色,字體大小為14px,并在點左側添加4px的外邊距。
可以根據需要調整點的大小、顏色和位置。你也可以使用不同的字符作為點,例如“·”、“?”、“■”等等。在實際應用中,文本下點可以用于標記列表、強調關鍵字等等。它是一個非常簡單但有效的裝飾技術,可讓你的頁面更加有趣和富有吸引力。