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

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é


Nhận xét

Được xem nhiều nhất

Uconvert miễn phí cho Office 2003, 2007, 2010, 2013

Download OneKey Ghost v14.5.8.215 GPT (UEFI)

Hướng dẫn triển khai AMP trên Blogspot

Sửa lỗi con trỏ chuột bị quay vòng vòng Windows 7/8

Đoạn code Javascript chống Ctrl + U và F12

Chia sẻ template blogspot longanit đang sử dụng

Lấy lại Windows Photo Viewer trên Windows 10 giúp xem ảnh nhanh hơn