Định kiểu siêu liên kết¶

Tóm lược nội dung

Bài này trình bày các thuộc tính và lớp giả CSS dành cho phần tử tạo siêu liên kết <a>.

Trạng thái mặc định¶

Mặc định, liên kết có màu xanh và gạch dưới.

Đây là trạng thái ban đầu của liên kết khi trang web được tải lần đầu tiên.

Để thay đổi, ta thực hiện như sau:

style.css
a {
    color: #ffa500;
    text-decoration: none; /* (1)! */
}

Trạng thái này xảy ra khi người dùng di chuyển trỏ chuột lên trên liên kết.

style.css
a:hover {
    color: #fd98a9;
    text-decoration: underline;
    font-size: 1.1rem;
    font-weight: 700;
}

Trạng thái này xảy ra khi người dùng click vào liên kết nhưng chưa nhả chuột.

style.css
a:active {
    color: #fc3758;
}

Trạng thái này xảy ra sau khi trang web của liên kết đã được tải.

style.css
a:visited {
    color: #7360f2;
}