Quảng cáo
Cách xóa đường chấm xung quanh các liên kết hoặc hình ảnh được liên kết bằng cách sử dụng CSS
Chủ đề: HTML / CSSBài trước|Bài tiếp
Trả lời: Sử dụng thuộc tính CSS outline
Khi một siêu liên kết hoạt động hoặc được lấy tiêu điểm, một đường chấm chấm xuất hiện xung quanh liên kết để phân biệt nó với các liên kết khác, đây là hành vi mặc định của siêu liên kết. Về cơ bản là đường viền chấm (outline) không ảnh hưởng đến yếu tố xung quanh như đường viền (border) .
Nếu bạn muốn xóa đường viền này, bạn có thể áp dụng các kiểu này cho các liên kết của mình:
Ví dụ
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Removing Dotted Outlines Using CSS</title>
<style>
a, a:active, a:focus{
outline: none; /* Works in Firefox, Chrome, IE8 and above */
}
</style>
</head>
<body>
<div class="menu">
<a href="#">Home</a> | <a href="#">About Us</a> | <a href="#">Contact</a>
</div>
</body>
</html>Tuy nhiên, nên áp dụng một số kiểu thay thế để chỉ ra rằng liên kết được chú ý. Nó sẽ làm cho trang web của bạn dễ tiếp cận hơn và thân thiện với người dùng.
Câu hỏi liên quan
Dưới đây là một số câu hỏi thường gặp khác liên quan đến chủ đề này:
- Tạo danh sách tùy chỉnh ul li với hình ảnh?
- Làm sao để thay đổi kích thước hình ảnh bằng CSS?
- Hướng dẫn cách làm nổi bật nền của hàng trong bảng luân phiên bằng CSS
- Độ dài tối đa của tiêu đề và thẻ mô tả trong HTML cho SEO là bao nhiêu
- Cách xóa khoảng trắng thừa bên dưới hình ảnh bằng CSS
Advertisements