khi bạn mở 1 trang nào đó ra, cứ chỗ nào là đường link thì sẽ thành màu đỏ và
khi bạn click vào đó hoặc di chuột qua nó bạn sẽ không thấy có thay đổi
gì. Bởi vì tất cả các đường link đã được định dạng thành màu đỏ. Chúng
ta bắt đầu bằng đoạn code dưới đây:
---------------------------------------------------
<..style type="text/css">
<..!--
a:link { color: red; }
a:visited { color: red; }
a:hover { color: red; }
a:active { color: red; }
-->
-------------------------------------------------------
2. Nếu bạn muốn làm đường link của bạn không có 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: none vào
chỗ a:hover vào giữa hai dấu ngoặc {}
------------------------------------------------------
a : h o v e r { c o l o r: r e d; t e x t-d ecor ation: non e; }
------------------------------------------------------
(Viết liền)
Do vậy nếu bạn không muốn có đường gạch chân ở trên những đường link,
bạn chỉ việc thêm dòng Text-decoration: none vào tất cả 4 trạng thái và
những đường liên kết sẽ không có đường gạch chân nữa.
3. Bạn
cũng có thể thêm hình nền vào đường link của bạn khi ai đó di chuột qua
nó. Để làm được vậy bạn phải thêm màu nền là background-color: vào
trạng thái di chuột của nó như sau:
-----------------------------------------------------
a:hover {
color: red;
text-decoration: none;
background-color: #CCCCCC;
}
-----------------------------------------------------
4. Bạn cũng có thể thay đổi con trỏ khi ai đó di chuột qua đường link.
Bạn thử đổi con trỏ thành dấu chấm hỏi biểu tượng của giúp đỡ.
-----------------------------------------------------
a:hover {
color: red;
text-decoration: none;
cursor: help;
}
----------------------------------------------------
Một vài trạng thái con trỏ khác bạn cũng có thể dùng:
----------------------------------------------------
auto
crosshair
help
move
pointer
text
wait
e-resize
ne-resize
n-resize
nw-resize
s-resize
se-resize
----------------------------------------------------
Bạn nên cẩn thận khi sử dụng những trạng thái của con trỏ trên trang
web bởi vì nếu bạn dùng không đúng cách có thể làm cho người đọc nhầm
lẫn và khó hiểu.