Thuộc tính color trên thẻ <font> từng dùng để đặt màu chữ. Tuy nhiên, thẻ <font> và thuộc tính color đã bị deprecated trong HTML5.
Ví dụ cũ (không khuyến khích)
<!DOCTYPE html>
<html>
<head>
<title>Màu nền HTML</title>
</head>
<body>
<table width="100%">
<tr>
<td>
<p><font color="blue">Đây là văn bản demo.</font></p>
</td>
</tr>
</table>
</body>
</html>
Cách hiện đại với CSS
Dùng thuộc tính CSS color:
<!DOCTYPE html>
<html>
<head>
<style>
.blue-text { color: blue; }
.red-text { color: #ff0000; }
.rgb-text { color: rgb(0, 128, 0); }
</style>
</head>
<body>
<p class="blue-text">Văn bản xanh dương</p>
<p class="red-text">Văn bản đỏ (hex)</p>
<p class="rgb-text">Văn bản xanh lá (rgb)</p>
</body>
</html>
Các định dạng màu CSS
- Tên màu:
red,blue,green... - Hex:
#ff0000,#00ff00... - RGB:
rgb(255, 0, 0) - RGBA (có độ trong suốt):
rgba(255, 0, 0, 0.5) - HSL:
hsl(120, 100%, 50%)