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
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
Trạng thái thẻ neoSự 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
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
Phiên bản mới hơnOffice 2007-2010
Bấm chuột phải vào văn bản siêu kết nối, rồi bấm loại bỏ siêu kết nối
Trên tab Chèn, trong nhóm Minh họa, bấm vào Hình dạng, rồi bên dưới Hình chữ nhật, bấm vào Hình chữ nhật
Kéo để vẽ hình chữ nhật sao cho nó bao phủ văn bản siêu kết nối mà bạn muốn ẩn
Bấm chuột phải vào hình chữ nhật, rồi bấm định dạng hình dạng
Trong ngăn Định dạng Hình dạng, hãy làm như sau
Bên dưới điền, bấm vào không điền
Bên dưới Dòng, bấm vào Không có dòng
Bấm vào hình chữ nhật [nhưng không phải văn bản bên trong hình], rồi trên tab Chèn, trong nhóm Liên kết, bấm vào Siêu kết nối
Trong hộp Địa chỉ, nhập địa chỉ Web, rồi bấm OK
Để kiểm tra siêu kết nối, ở cuối cửa sổ trang chiếu, hãy nhấp vào Chế độ xem trình chiếu
Bấm vào văn bản [hình chữ nhật] có chứa siêu kết nối
Bấm chuột phải vào văn bản siêu kết nối, rồi bấm loại bỏ siêu kết nối
Trên tab Chèn, trong nhóm Minh họa, bấm vào Hình dạng, rồi bên dưới Hình chữ nhật, bấm vào Hình chữ nhật
Kéo để vẽ hình chữ nhật sao cho nó bao phủ văn bản siêu kết nối mà bạn muốn ẩn
Bấm chuột phải vào hình chữ nhật, rồi bấm định dạng hình dạng. Trong hộp thoại Định dạng Hình dạng, hãy làm như sau
Bấm vào Điền trong ngăn bên trái, bấm vào Màu trong ngăn bên phải, rồi bấm vào màu phù hợp với nền của bản trình bày của bạn
Bấm vào Màu đường kẻ ở ngăn bên trái, bấm vào Không có đường kẻ ở ngăn bên phải rồi bấm vào Đóng
Bấm chuột phải vào hình chữ nhật, bấm Sửa văn bản, rồi nhập văn bản mà bạn muốn sử dụng cho siêu kết nối
Ghi chú. Nếu bạn không nhìn thấy văn bản khi nhập, hãy chọn văn bản. Nếu bạn muốn thay đổi màu hoặc định dạng của văn bản, hãy chọn văn bản, sau đó trên tab Trang đầu, trong nhóm Phông chữ, hãy nhấp vào Trình khởi chạy Hộp thoại
.Bấm vào hình dạng [nhưng không phải văn bản bên trong hình dạng], rồi trên tab Chèn, trong nhóm Liên kết, bấm vào Siêu kết nối
Trong hộp Địa chỉ, nhập địa chỉ Web, rồi bấm OK
Để kiểm tra siêu kết nối, trong dạng xem Trình chiếu, hãy bấm vào hình chữ nhật có chứa siêu kết nối
Chúng tôi khuyến khích bạn đề xuất các tính năng mới và nâng cao khác bằng cách nhấp vào Trợ giúp > Phản hồi > Tôi có đề xuất