Định nghĩa và sử dụng ":hover" chọn các liên kết được hover (di chuyển chuột lên thành phần). Cấu trúc a:hover { property : value; } a:link { property : value; } a:visited { property : value; }

Danh ngôn cuộc sống:

• Bài viết được đăng bởi: Mr. Phan Nhan
• Ngày cập nhật bài viết: 11/05/2016
• Tổng lược xem trang: 177 / 1 khách
• Đánh giá bởi người dùng:

Định nghĩa và sử dụng. ":hover" chọn các liên kết được hover (di chuyển chuột lên thành phần). Cấu trúc:

a:hover {
property : value;
}

Viết code css như bên dưới. Khi rê chuột vào link sẽ đổi thành màu #ff0000

a:hover {
background: #ff0000;
color: #fff;
}

Viết code css như bên dưới.

Định nghĩa và sử dụng ":link" định dạng cho tất cả các liên kết khi chưa được click. Cấu trúc:

a:link {
property : value;
}

Viết code css như bên dưới.

a:link {
color: #ff0000;
}

Dùng đoạn code bên dưới để hiển thị bằng HTML. Sau khi click liên kết thì text sẽ trở về mặc định ban đầu (mất màu #ff0000).

<html>
<head></head>
<body>
<a href="#">đường dẫn 1</a>
<a href="#">đường dẫn 2</a>
<a href="#">đường dẫn 3</a>
<a href="#">đường dẫn 4</a>
</body>
</html>

Định nghĩa và sử dụng ":visited" định dạng cho các thành phần đã được click. Cấu trúc:

a:visited {
property : value;
}

Viết code css như bên dưới.

a:visited {
color: #ff0000;
}

Dùng đoạn code bên dưới để hiển thị bằng HTML. Những link nào đã click thì css sẽ có tác dụng.

<html>
<head></head>
<body>
<a href="#">đường dẫn 1</a>
<a href="#">đường dẫn 2</a>
<a href="#">đường dẫn 3</a>
</body>
</html>

Những bài viết được đăng mới nhất.

» Công cụ xóa dấu Tiếng việt