Computer >> Máy Tính >  >> Lập trình >> CSS

Loại bỏ các gạch dưới mặc định của liên kết bằng cách sử dụng CSS

Để loại bỏ các liên kết được gạch dưới mặc định bằng cách sử dụng CSS, mã như sau -

Ví dụ

<!DOCTYPE html>
<html>
<head>
<style>
a:link {
   color: blue;
   text-decoration: none;
}
a:visited {
   color: blue;
   text-decoration: none;
}
</style>
</head>
<body>
<h1>Demo Heading</h1>
<div>
<p>This is the <a href="https://tutorialspoint.com">reference</a></p>
</div>
</body>
</html>

Đầu ra

Loại bỏ các gạch dưới mặc định của liên kết bằng cách sử dụng CSS

Ví dụ

Bây giờ chúng ta hãy xem một ví dụ khác -

<!DOCTYPE html>
<html>
<head>
<style>
a:link {
   color: blue;
   text-decoration: none;
}
a:hover {
   color: blue;
   text-decoration: none;
}
a:active {
   color: blue;
   text-decoration: none;
}
</style>
</head>
<body>
<h1>Demo Heading</h1>
<div>
<p>This is the <a href="https://tutorialspoint.com">reference</a></p>
</div>
</body>
</html>

Đầu ra

Loại bỏ các gạch dưới mặc định của liên kết bằng cách sử dụng CSS