CSS cho phép chúng ta tô màu các liên kết. Thuộc tính color được sử dụng để đặt màu của văn bản trong một phần tử.
Thứ tự của các bộ chọn giả được đưa ra bởi:-:link,:đã thăm,:hover,:hoạt động.
Cú pháp
Cú pháp của thuộc tính màu CSS như sau -
Selector {
color: /*value*/
} Ví dụ
Các ví dụ sau minh họa thuộc tính màu CSS -
<!DOCTYPE html>
<html>
<head>
<style>
#demo::after {
content: " (visited) ";
font-style: italic;
}
a:link {
color: lime;
}
a:visited {
color: green;
}
a:hover {
color: orange;
}
a:active {
color: gold;
}
</style>
</head>
<body>
<h2>Demo Links</h2>
<a id="demo" href="">This is demo text 1.</a>
<hr>
<p>
<a href="#">This is demo text 2.</a>
</p>
</body>
</html> Đầu ra
Điều này cho kết quả sau -
Khi di chuột qua liên kết thứ hai, chúng tôi nhận được kết quả sau -
Khi nhấp vào liên kết thứ hai, chúng tôi nhận được kết quả sau -
Ví dụ
<!DOCTYPE html>
<html>
<head>
<style>
div {
margin: auto;
font-size: 1.4em;
background-color: lightseagreen;
width: 100px;
text-align: center;
}
a:link {
color: rebeccapurple;
}
</style>
</head>
<body>
<div>
<a id="demo" href="">Demo link.</a>
</div>
</body>
</html> Đầu ra
Điều này cho kết quả sau -
