Liên kết HTML - Màu sắc khác nhau
Một liên kết HTML được hiển thị bằng màu khác tùy thuộc vào việc nó đã được truy cập, chưa được truy cập hay đang hoạt động.
Màu liên kết HTML
Theo mặc định, một liên kết sẽ xuất hiện như thế này (trong tất cả các trình duyệt):
- Một liên kết không được truy cập được gạch chân và có màu xanh lam
- Một liên kết đã truy cập được gạch chân và có màu tím
- Một liên kết đang hoạt động được gạch chân và có màu đỏ
Bạn có thể thay đổi màu trạng thái liên kết bằng cách sử dụng CSS:
Thí dụ
Tại đây, một liên kết không được truy cập sẽ có màu xanh lục không có gạch dưới. Một liên kết đã truy cập sẽ có màu hồng không có gạch dưới. Một liên kết đang hoạt động sẽ có màu vàng và được gạch chân. Ngoài ra, khi di chuột qua một liên kết (a: hover), nó sẽ trở nên màu đỏ và được gạch chân:
<style>
a:link {
color: green;
background-color: transparent;
text-decoration: none;
}
a:visited {
color: pink;
background-color: transparent;
text-decoration: none;
}
a:hover {
color: red;
background-color: transparent;
text-decoration: underline;
}
a:active {
color: yellow;
background-color: transparent;
text-decoration: underline;
}
</style>
Các nút liên kết
Một liên kết cũng có thể được tạo kiểu như một nút, bằng cách sử dụng CSS:
Đây là một liên kếtThí dụ
<style>
a:link, a:visited {
background-color: #f44336;
color: white;
padding: 15px 25px;
text-align: center;
text-decoration: none;
display: inline-block;
}
a:hover, a:active {
background-color: red;
}
</style>
Để tìm hiểu thêm về CSS, hãy chuyển đến Hướng dẫn CSS của chúng tôi .
Thẻ liên kết HTML
| Tag | Description |
|---|---|
| <a> | Defines a hyperlink |
Để có danh sách đầy đủ tất cả các thẻ HTML có sẵn, hãy truy cập Tham khảo thẻ HTML của chúng tôi .