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>
আউটপুট
উদাহরণ
আসুন এখন আরেকটি উদাহরণ দেখি -
<!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>
আউটপুট