CSS căn bản cách đổi màu link liên kết trên website

LongAnIT 3/09/2019
Khi bạn online trên internet hoặc bản thân là quản trị một trang web khi truy cập vào các đường link trong trạng thái tĩnh hay động bạn sẽ thấy có hiệu ứng màu link

Hiệu ứng màu link nó được tạo ra ừ CSS áp dụng cho tất cả link liên kết của website, blog của bạn. Tạo hiệu ứng thay đổi màu sắc phân biệt rõ ràng cho khách truy cập.
CSS căn bản cách đổi màu link liên kết trên web
CSS căn bản cách đổi màu link liên kết trên web

Phân biệt link đã truy câp, link chưa truy cập và di chuột vào sẽ thay đổi thành màu sắc khác nhau. Trong bài viết này tôi sẽ hướng dẫn các bạn tìm hiểu về cách thay đổi các màu link này theo ý mình

Ví dụ: Tôi có đoạn code CSS như sau:

/* màu Link khi chưa truy cập*/
a:link {
color:#3366ff;
text-decoration:none;
}
/*Màu Link khi đã truy cập*/
a:visited {
color:#cccccc;
text-decoration:none;
}
/*Màu link khi rê chuột vào*/
a:hover {
color:#339966;
text-decoration:underline;
}

Như đoạn code trên tôi chia làm 3 trường hợp

  1. Trường hợp 1: màu link chi chưa truy cập 
  2. Trường hợp 2: màu link khi đã truy cập
  3. Trường hợp 3: màu link khi rê chuột vào
Nói thì có vẻ mông lung thật ra dành cho những bạn chưa biết thôi chứ những bạn đã biết về HTML và CSS thì cái này nó rất cơ bản. Vậy để hiểu rõ hơn bạn hãy truy cập vào web của mình nhé. Chúc các bạn có một ngày cuối tuần vui vẻ nhé


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

Đăng nhận xét

Nếu phát hiện spam bạn sẽ bị xử lý. Bạn có thể đặt backlink tại đây Hướng dẫn đặt backlink nofollow tại đây