:hover
Đị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; } Ví dụ Html viết: <html> <head></head> <body> <p><a href=”#”>Học HTML – CSS</a></p> <p><a href=”#”>Google</a></p> <p><a href=”#”>vnexpress</a></p> </body> </html> Hiển thị trình duyệt khi chưa có CSS: Học HTML – […]
Đị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;
}
Ví dụ
Html viết:
<html> <head></head> <body> <p><a href="#">Học HTML - CSS</a></p> <p><a href="#">Google</a></p> <p><a href="#">vnexpress</a></p> </body> </html>
Hiển thị trình duyệt khi chưa có CSS:
CSS viết:
a:hover {
background: #ff0000;
color: #fff;
}
Hiển thị trình duyệt:
Hover qua link sẽ thấy được hiệu ứng.
Trình duyệt hỗ trợ
- Internet Explorer
- Firefox
- Opera
- Google Chrome
- Safari
