Liên kết và tùy biến liên kết cho blog/web
a:link{
color:blue; /*màu chữ link khi chưa dê chuột hoặc click vào*/
}
a:visited{
color: red; /*Màu chữ link đã xem rồi*/
}
a:hover{
color:orange; /*Màu chữ link khi dê chuột vào */
}
a:active{
color:red; /*Màu chữ link sau khi click */
}
Từ cấu trúc trên ta có thể tùy biến thêm như:
1- Thêm gạch chân khi ai đó di chuột qua bạn chỉ cần thêm một trạng thái là Text-decoration:underline vào thẻ a:hover vào giữa hai dấu ngoặc {}a:hover{
color:orange;
text-decoration:underline;
}
- Bỏ dấu gạch chân cho link thì bạn thay underline thành none như bên dưới (Trường hợp này áp dụng khi thẻ a:hover bạn để underline và bạn muốn một class nào đó không gạch chân ví dụ cho thẻ #sidebar.
#sidebar a:hover{- Làm tương tự với các thẻ còn lại.
color:orange;
text-decoration:none;
}
2- Thên nền backgroud khi dê chuột qua:
a:hover {
color: orange;
text-decoration:underline;
background-color: #dddddd; /* Mã màu nền */
}
a:hover {Một vài trạng thái con trỏ khác bạn cũng có thể dùng:
color: orange;
text-decoration:underline;
background-color: #dddddd; /* Mã màu nền */
cursor: help;
}
auto
crosshair
help
move
pointer
text
wait
e-resize
ne-resize
n-resize
nw-resize
s-resize
se-resize
TỪ VỰNG N5, TỪ VỰNG N4,TỪ VỰNG N3,