কম্পিউটার

CSS ব্যবহার করে লিংক ডিফল্ট আন্ডারলাইন অপসারণ


CSS ব্যবহার করে লিঙ্কগুলি ডিফল্ট আন্ডারলাইনগুলি সরাতে, কোডটি নিম্নরূপ -

উদাহরণ

<!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>

আউটপুট

CSS ব্যবহার করে লিংক ডিফল্ট আন্ডারলাইন অপসারণ

উদাহরণ

আসুন এখন আরেকটি উদাহরণ দেখি -

<!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>

আউটপুট

CSS ব্যবহার করে লিংক ডিফল্ট আন্ডারলাইন অপসারণ


  1. CSS ব্যবহার করে লিঙ্কগুলি থেকে ডিফল্ট আন্ডারলাইনগুলি সরানো হচ্ছে

  2. CSS ব্যবহার করে এলিমেন্টের টেক্সট কালার সেট করা

  3. সিএসএস দিয়ে ডিফল্ট পাঠ্য নির্বাচনের রঙ কীভাবে ওভাররাইড করবেন?

  4. CSS ব্যবহার করে লোকেশন কালার স্টপ সেট করা