Chúng ta có thể chỉ định màu nền của một phần tử bằng cách sử dụng thuộc tính background-color. Chúng ta có thể chỉ định các giá trị theo tên chuẩn, rgb (), rgba (), hsl () hoặc hsla ().
Cú pháp
Cú pháp của thuộc tính background-color CSS như sau -
Selector {
background-color: /*value*/
} Ví dụ
Các ví dụ sau minh họa thuộc tính background-color trong CSS -
<!DOCTYPE html>
<html>
<head>
<style>
p:first-of-type {
font-family: cursive;
background-color: pink;
}
p:last-child {
background-color: azure;
}
div {
margin: auto;
padding: 5px;
font-family: Helvetica;
width: 430px;
background-color: burlywood;
}
</style>
</head>
<body>
<p>
Java is a high-level programming language originally developed by Sun Microsystems.<p>
<div>
Java released in 1995</div>
<p>
Java runs on a variety of platforms such as Windows, Mac OS, and the various versions of UNIX.</p>
</body>
</html> Đầu ra
Điều này cho kết quả sau
Ví dụ
<!DOCTYPE html>
<html>
<head>
<style>
div {
background-color: springgreen;
}
h1 {
background-color: lightcoral;
text-align: center;
}
p {
background-color: lightseagreen;
font-size: 150%;
}
</style>
</head>
<body>
<div>
<h1>Demo</h1>
<p>This is demo text1. This is demo text2. This is demo text3. </p>
</div>
</body>
</html> Đầu ra
Điều này cho kết quả sau -
