ব্রাউজার ডিফল্টভাবে লিংকে আন্ডারলাইন দেখায়। এটি সরাতে text-decoration: none ব্যবহার করুন। সärkética পসিউডো-ক্লাসগুলোর ওপর প্রয়োগ করতে হয়।
উদাহরণ ১: link ও visited-এ আন্ডারলাইন না
<!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>
উদাহরণ ২: সব স্টেটে আন্ডারলাইন না (hover, active ও)
<!DOCTYPE html>
<html>
<head>
<style>
a:link, a:hover, 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>
সুঢ়াব: আন্ডারলাইন বাদ দিলে হোভার/ফোকাস স্টেটে অন্য ভিজুয়াল কিউ (রঙ পরিবর্তন, ব্যাকগ্রাউন্ড, বর্ডার) দিন অ্যাক্সেসিবিলিটির জন্য।
