-= [†]ű - [Ħ]ą™ - [ç]Ŀџß =-
Bạn có muốn phản ứng với tin nhắn này? Vui lòng đăng ký diễn đàn trong một vài cú nhấp chuột hoặc đăng nhập để tiếp tục.

-= [†]ű - [Ħ]ą™ - [ç]Ŀџß =-


 
Trang ChínhTìm kiếmLatest imagesĐăng kýĐăng Nhập

 

 Đường liên kết và các dạng liên kết

Go down 
Tác giảThông điệp
bi.bjz
Trung tướng
Trung tướng
bi.bjz


Nam
Tổng số bài gửi : 227
Age : 30
Quý danh : Lê Tuấn Anh
Đang là : Người
Số điện thoại : 19001530
Đến từ : Ninh Thuận
Cảnh cáo :
Đường liên kết và các dạng liên kết Left_bar_bleue0 / 1000 / 100Đường liên kết và các dạng liên kết Right_bar_bleue

Registration date : 20/06/2008

Đường liên kết và các dạng liên kết Empty
Bài gửiTiêu đề: Đường liên kết và các dạng liên kết   Đường liên kết và các dạng liên kết Folder-temp-32x3224/6/2008, 10:41 pm

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.
Về Đầu Trang Go down
 
Đường liên kết và các dạng liên kết
Về Đầu Trang 
Trang 1 trong tổng số 1 trang

Permissions in this forum:Bạn không có quyền trả lời bài viết
-= [†]ű - [Ħ]ą™ - [ç]Ŀџß =- :: ● HiTeck † Không gian IT - INTERNET † :: Lập trình - Thiết kế :: Thiết kế Website-
Chuyển đến