Chúng ta có thể xác định màu sắc cho văn bản, đường viền và nền của các phần tử bằng cách sử dụng CSS. Thuộc tính color được sử dụng để chỉ định màu văn bản cho một phần tử.
Cú pháp
Cú pháp cho thuộc tính màu CSS như sau -
Selector {
color: /*value*/
} Các ví dụ sau minh họa thuộc tính màu CSS -
Ví dụ
<!DOCTYPE html>
<html>
<head>
<style>
div {
color: seashell;
background-color: lightcoral;
}
p {
font-size: 1.5em;
color: blue;
background-color: palegreen;
box-shadow: 0 0 5px 1px rgb(0,0,0);
}
</style>
</head>
<body>
<div>
This is demo text.
<p>
Text added for reference.
</p>
This is demo text 2.
</div>
</body>
</html> Đầu ra
Điều này cho kết quả sau -
Ví dụ
<!DOCTYPE html>
<html>
<head>
<style>
* {
text-align: center;
}
h3 {
color: red;
border: 2px ridge rosybrown;
}
p {
color: royalblue;
background-color: cornsilk;
box-shadow: 0 0 5px 1px deeppink;
}
</style>
</head>
<body>
<h3>Demo Demo Demo Demo</h3>
<p>Demo text here</p>
</body>
</html> Đầu ra
Điều này cho kết quả sau -
