在CSS中，您可以使用偽元素（::before）在文字前方添加圖標，以下是一個簡單的示例，展示如何在文字前添加一個小星星圖標：
<!DOCTYPE html>
<html>
<head>
<style>
.star-icon {
position: relative;
}
.star-icon::before {
content: "?";
position: absolute;
left: 0;
top: 0;
color: gold;
}
</style>
</head>
<body>
<div class="star-icon">你好，世界！</div>
</body>
</html>在這個示例中，我們創(chuàng)建了一個名為star-icon的類，它會在文字前添加一個小星星圖標，這個圖標是通過偽元素::before添加的，content屬性設置為"?"，表示我們要添加的圖標內(nèi)容。position: absolute;將圖標定位在文字的左側，color: gold;設置圖標顏色為金色。
您可以將上述代碼復制到您的HTML文件中，并查看效果，希望這能幫助您在CSS中輕松添加圖標！
版權聲明：除非特別標注，否則均為本站原創(chuàng)文章，轉載時請以鏈接形式注明文章出處。
