CSS是前端開發中不可或缺的一個工具,它可以實現一些非常酷炫的效果,在網頁設計中扮演著重要的角色。今天分享一下如何用CSS將加粗文本變成紅色。
p {
font-weight: bold;
color: red;
}
上面的代碼是實現加粗變紅的關鍵。首先,我們使用font-weight
屬性將文本加粗,然后使用color
屬性將文本顏色改為紅色。
當然,你也可以將上面的代碼寫在類選擇器中,這樣就可以在需要的地方調用了。
.red-bold {
font-weight: bold;
color: red;
}
在HTML文檔中,只需要給需要應用樣式的段落添加這個類名就可以了。
<p class="red-bold">這是一段加粗變紅的文字</p>
現在你已經知道如何使用CSS將加粗文本變成紅色了。試試在自己的項目中運用這個技巧,增加頁面效果吧!