CSS樣式如何加紅星？無論是為了裝飾網(wǎng)頁還是用于必填項(xiàng)的標(biāo)識(shí)，紅星都是一個(gè)常用的符號(hào)。下面我們來介紹幾種實(shí)現(xiàn)紅星的CSS樣式：

/* 一、使用偽元素 ::before */
.star::before {
content: "*";
color: red;
}
/* 二、使用字體圖標(biāo)庫 */
.star {
font-family: "Font Awesome 5 Free";
content: "\f005";
color: red;
}
/* 三、使用絕對(duì)定位的 ::after */
.star {
position: relative;
}
.star::after {
content: "*";
color: red;
position: absolute;
top: 0;
right: -10px;
}
/* 四、使用背景圖片 */
.star {
background-image: url('red-star.png');
background-repeat: no-repeat;
background-position: center;
width: 20px;
height: 20px;
display: inline-block;
}

以上是常見的幾種加紅星的CSS樣式，大家可以根據(jù)自己的需求來進(jìn)行選擇和調(diào)整。