CSS আমাদের লিংক রঙিন করতে দেয়। color প্রপার্টি এলিমেন্টের টেক্সট রঙ সেট করতে ব্যবহৃত হয়।
Pseudo selectors-এর ক্রম: :link, :visited, :hover, :active।
সিনট্যাক্স
CSS color প্রপার্টির সিনট্যাক্স:
Selector { color: /*মান*/ }
উদাহরণ
নিচের উদাহরণগুলো CSS color প্রপার্টি দেখায়:
<!DOCTYPE html> <html> <head> <style> #demo::after { content: " (visited) "; font-style: italic; } a:link { color: lime; } a:visited { color: green; } a:hover { color: orange; } a:active { color: gold; } </style> </head> <body> <h2>Demo Links</h2> <a id="demo" href="">This is demo text 1.</a> <hr> <p> <a href="#">This is demo text 2.</a> </p> </body> </html>
আউটপুট
এটি নিচের আউটপুট দেবে:
দ্বিতীয় লিংকে হোভার করলে নিচের আউটপুট:
দ্বিতীয় লিংক ক্লিক করলে নিচের আউটপুট:
উদাহরণ
<!DOCTYPE html> <html> <head> <style> div { margin: auto; font-size: 1.4em; background-color: lightseagreen; width: 100px; text-align: center; } a:link { color: rebeccapurple; } </style> </head> <body> <div> <a id="demo" href="">Demo link.</a> </div> </body> </html>
আউটপুট
এটি নিচের আউটপুট দেবে:
