Liên kết HTML - Màu sắc khác nhau
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 chưa đượ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:
Ví dụ
Ở đây, một liên kết chưa được truy cập sẽ có màu xanh và không có gạch chân. Một liên kết đã truy cập sẽ có màu hồng và không có gạch chân. 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ẽ chuyển sang 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>
Hãy tự mình thử » 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ếtVí 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>
Hãy tự mình thử »Để tìm hiểu thêm về CSS, hãy truy cập 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.