Thứ Ba, 1 tháng 7, 2014

Điều chỉnh style - css cho thẻ a hay hyperlink trong html


Cách định dạng CSS thuộc tính cho thẻ a hay link trong html (vd. màu sắc, dạng chữ (font), màu nền...) ở những trạng thái khác nhau của thẻ a hay link
thẻ a có 4 trạng thái thể hiện cho người dùng trên trang web:
  • a:link - trạng thái thể hiện cho thẻ khi người dùng chưa kích vào link. 
  • a:visited - trạng thái thể hiện trạng thái người dùng đã kích vào link  rồi
  • a:hover - trạng thái thể hiện của link khi người dùng di chuột vào
  • a:active - thể hiện link này khi người dùng kích vào link
/* 1. chưa xem link */
a:link {
    color: #FF0000;
}

/* 2. link đã xem rồi */
a:visited {
    color: #00FF00;
}

/* 3. di chuột nên link  */
a:hover {
    color: #FF00FF;
}

/* 4. chọn link  */
a:active {
    color: #0000FF;
}
định dạng cho các trạng thái của link buộc phải theo thứ tự từ trên xuống dưới như ở trên

Không có nhận xét nào: