Tất cả các trình duyệt Web đều có các màu mặc định mà chúng sử dụng cho các liên kết nếu trình thiết kế web không thiết lập chúng. Họ đang:
- Màu liên kết mặc định.
- Màu liên kết hoạt động (khi chuột được nhấp và giữ trên liên kết).
- Màu liên kết được theo sau (khi liên kết được nhấp vào trước đó).
Ngoài ra, trong khi hầu hết các trình duyệt Web không thay đổi điều này theo mặc định, bạn cũng có thể xác định màu di chuột - màu liên kết là khi chuột được giữ trên đó.
Sử dụng CSS để thay đổi màu của liên kết
Để thay đổi các màu này, bạn sử dụng CSS (có một số thuộc tính HTML không được chấp nhận mà bạn có thể sử dụng, nhưng tôi không khuyên bạn nên sử dụng bất kỳ thứ gì không dùng nữa). Cách dễ nhất để thay đổi màu của liên kết là tạo kiểu cho thẻ :
một {color: black; }Với CSS này, một số trình duyệt sẽ thay đổi tất cả các khía cạnh của liên kết (hoạt động, theo sau và di chuột) thành màu đen, trong khi các trình duyệt khác sẽ chỉ thay đổi màu mặc định.
Sử dụng các lớp CSS giả để thay đổi tất cả các phần của một liên kết
Một lớp giả được biểu diễn trong CSS với dấu hai chấm (:) trước tên lớp . Có bốn lớp giả ảnh hưởng đến các liên kết:
Để thay đổi màu liên kết mặc định:
a: link {color: red; }Để thay đổi màu hoạt động:
a: hoạt động {color: blue; }Để thay đổi màu liên kết được theo dõi:
a: đã truy cập {color: purple; }Để thay đổi chuột qua màu:
a: hover {color: green; }