CSS এর সাথে লিঙ্ক স্টাইল করার জন্য, প্রথমে আমাদের নিম্নলিখিত লিঙ্কের অবস্থা জানা উচিত:লিঙ্ক, ভিজিট করা, হোভার এবং সক্রিয়। স্টাইল লিঙ্ক −
করতে অ্যাঙ্কর উপাদানের ছদ্ম-শ্রেণী ব্যবহার করুনa:link for link a:visited forvisited link a:link for hover on link a:active for active link
উদাহরণ
আসুন এখন একটি উদাহরণ দেখি -
<!DOCTYPE html> <html> <head> <style> a:link { color: orange; text-decoration: underline; } a:hover { color: red; text-decoration: underline; } a:active { color: green; text-decoration: underline; } </style> </head> <body> <h1>Tutorials</h1> <p><a href="https://www.tutorialspoint.com/java">Java</a></p> <p><a href="https://www.tutorialspoint.com/chsharp">C#</a></p> <p><a href="https://www.tutorialspoint.com/jquery">jQuery</a></p> <p><a href="https://www.tutorialspoint.com/ruby">Ruby</a></p> <p><a href="https://www.tutorialspoint.com/pytorch">PyTorch</a></p> </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>
আউটপুট