在CSS中,您可以使用text-decoration
屬性來在普通文字上面添加裝飾,比如小點,以下是一些示例代碼,展示如何在文字上方添加小點:
1、使用text-decoration
屬性:
p { text-decoration: overline; }
上述代碼會在所有段落(p
標簽)的文字上方添加一條橫線。
2、特定文字添加裝飾:
如果您只想在特定文字上添加裝飾,可以使用 這樣,只有 3、使用偽元素: CSS的偽元素(如 這樣,每個段落前都會顯示裝飾文字。
span
<p>這是一段<span style="text-decoration: overline;">裝飾文字</span>的示例。</p>
span
標簽內(nèi)的文字上方會有橫線裝飾。::before
和::after
)也可以用來添加裝飾,
p::before {
content: "裝飾文字:";
text-decoration: overline;
}
text-decoration
屬性不僅支持overline
,還有underline
(下劃線)、line-through
(刪除線)等多種裝飾方式,您可以根據(jù)需要選擇適合的裝飾方式。