Liên kết html không có gạch chân và màu sắc

Nếu bạn là nhà phát triển web, có lẽ bạn muốn loại bỏ phần gạch chân mặc định xuất hiện khi bạn thêm liên kết vào một trang.

May mắn thay, giống như các phần tử khác trên trang web, bạn có thể tạo kiểu cho các thẻ liên kết chịu trách nhiệm hiển thị liên kết

Trong bài viết này, tôi sẽ hướng dẫn các bạn cách xóa gạch chân khỏi một liên kết bằng CSS. Tôi cũng sẽ chỉ cho bạn bốn trạng thái mà các liên kết có thể có và cách loại bỏ phần gạch dưới cho mỗi trạng thái.

Cách xóa gạch chân khỏi liên kết trong CSS

Theo mặc định, đây là cách thẻ liên kết xuất hiện trong trình duyệt

Thứ nhất, cần biết rằng thẻ liên kết (thẻ neo) có thể ở 4 trạng thái khác nhau được gọi là lớp giả

• a:link. trạng thái thông thường của liên kết khi nó không hoạt động, không được truy cập hoặc được di chuột vào
• a:visited. khi liên kết đã được người dùng nhấp vào, nghĩa là đã truy cập
• a:hover. khi người dùng di chuột vào liên kết
• a:active. khi người dùng nhấp vào liên kết

N. B. Các trạng thái (lớp giả) phải xuất hiện theo thứ tự được liệt kê ở trên do tính chất xếp tầng của CSS

Cuối cùng, để xóa phần gạch dưới mặc định của liên kết, bạn có thể nhắm mục tiêu tất cả các lớp giả và gán cho chúng thuộc tính text-decoration của none

This is a link

 a:link {
      text-decoration: none;
}

a:visited {
      text-decoration: none;
}

a:hover {
      text-decoration: none;
}

a:active {
      text-decoration: none;
}

Bạn cũng có thể xóa gạch chân mặc định tất cả trong một bằng bộ chọn phần tử neo

 a {
       text-decoration: none;
}

Bạn có thể chơi với 4 lớp giả của thẻ liên kết bằng bút này

Sự kết luận

Tôi hy vọng bài viết này giúp bạn biết cách loại bỏ gạch chân mặc định khỏi các liên kết trong CSS

Nếu thấy bài viết hữu ích đừng ngần ngại chia sẻ với bạn bè người thân nhé

Cảm ơn vì đã đọc

QUẢNG CÁO

QUẢNG CÁO

QUẢNG CÁO

Kolade Chris

Nhà phát triển web và nhà văn kỹ thuật tập trung vào các công nghệ giao diện người dùng

Nếu bạn đọc đến đây, hãy tweet cho tác giả để cho họ thấy bạn quan tâm. Tweet một lời cảm ơn

Học cách viết mã miễn phí. Chương trình giảng dạy mã nguồn mở của freeCodeCamp đã giúp hơn 40.000 người có được việc làm với tư cách là nhà phát triển. Bắt đầu

Khi bạn muốn đưa siêu kết nối vào bản trình bày của mình, nhưng không muốn khán giả biết rằng chúng là siêu kết nối (cho đến khi bạn sẵn sàng), bạn có thể xóa phần gạch dưới dễ nhận biết mà vẫn duy trì liên kết