Các biến trong CSS được sử dụng để thêm các giá trị thuộc tính tùy chỉnh vào trang web của bạn. Đặt tên tùy chỉnh của thuộc tính và đặt giá trị cho thuộc tính đó.
Bạn có thể thử chạy đoạn mã sau để triển khai các biến trong CSS nhằm thay đổi màu nền và màu văn bản
Ví dụ
<!DOCTYPE html>
<html>
<head>
<style>
:root {
--my-bg-color: blue;
--my-color: white;
}
#demo {
background-color: var(--my-bg-color);
color: var(--my-color);
}
</style>
</head>
<body>
<h1>Heading One</h1>
<div id = "demo">This is demo text. This is demo text. This is demo text.
This is demo text. This is demo text. This is demo text. This is demo text.
This is demo text. This is demo text.
</div>
<br>
</body>
</html>