HTML Tutorials
HTML ফর্মস
HTML গ্রাফিকস
HTML Media
HTML Examples
HTML রিফারেন্স

HTML লিঙ্ক - বিভিন্ন রং

পূর্বে পরবর্তী

একটি HTML লিঙ্ক একটি ভিন্ন রঙে প্রদর্শিত হয় যে এটি পরিদর্শন করা হয়েছে কিনা, দেখা হয়নি বা সক্রিয় আছে কিনা তার উপর নির্ভর করে।

HTML লিঙ্ক রং

ডিফল্টরূপে, একটি লিঙ্ক এইভাবে প্রদর্শিত হবে (সমস্ত ব্রাউজারে):

  • একটি অপ্রদর্শিত লিঙ্ক আন্ডারলাইন এবং নীল
  • একটি পরিদর্শন লিঙ্ক আন্ডারলাইন এবং বেগুনি হয়
  • একটি সক্রিয় লিঙ্ক আন্ডারলাইন এবং লাল

আপনি CSS ব্যবহার করে লিঙ্ক এর রং পরিবর্তন করতে পারেন:

উদাহরণ:

এখানে, একটি অপরিদর্শন লিঙ্ক সবুজ হবে যার কোন আন্ডারলাইন নেই। একটি পরিদর্শন লিঙ্ক কোন আন্ডারলাইন ছাড়া গোলাপী হবে. একটি সক্রিয় লিঙ্ক হলুদ এবং আন্ডারলাইন করা হবে। উপরন্তু, একটি লিঙ্কের উপর মাউসিং করার সময় (a:hover) এটি লাল হয়ে যাবে এবং আন্ডারলাইন হবে:

<style>
a:link {
  color: green;
  background-color: transparent;
  text-decoration: none;
}

a:visited {
  color: pink;
  background-color: transparent;
  text-decoration: none;
}

a:hover {
  color: red;
  background-color: transparent;
  text-decoration: underline;
}

a:active {
  color: yellow;
  background-color: transparent;
  text-decoration: underline;
}
</style>
নিজে চেষ্টা করুন »

লিঙ্ক বাটন

CSS ব্যবহার করে একটি লিঙ্ককে একটি বাটন হিসাবেও স্টাইল করা যেতে পারে:

এটি একটি বাটন

উদাহরণ:

<style>
a:link, a:visited {
  background-color: #f44336;
  color: white;
  padding: 15px 25px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
}

a:hover, a:active {
  background-color: red;
}
</style>
নিজে চেষ্টা করুন »
CSS সম্পর্কে আরও জানতে, আমাদের CSS টিউটোরিয়াল এ যান।

HTML লিঙ্ক ট্যাগ

ট্যাগ বর্ণনা
<a> একটি হাইপারলিংক সংজ্ঞায়িত করে
সমস্ত HTML ট্যাগের তালিকার জন্য, আমাদের HTML ট্যাগ রেফারেন্স দেখুন।
পূর্বে পরবর্তী