কম্পিউটার

CSS এর সাথে সক্রিয় HTML অ্যাঙ্কর হাইলাইট করার স্টাইল


CSS এর সাথে সক্রিয় HTML অ্যাঙ্কর হাইলাইট করতে, :target Selector

ব্যবহার করুন

উদাহরণ

টার্গেট সিলেক্টর:

বাস্তবায়ন করতে আপনি নিম্নলিখিত কোডটি চালানোর চেষ্টা করতে পারেন
<!DOCTYPE html>
<html>
   <head>
      <style>
         :target {
            border: 2px solid #D4D4D4;
            background-color: orange;
            color: white;
         }
      </style>
   </head>
   <body>
      <p>Click any of the subject below.</p>
      <p><a href = "#tut1">Maths</a></p>
      <p><a href = "#tut2">Java</a></p>
      <p><a href = "#tut3">C++</a></p>
      <p><a href = "#tut4">C</a></p>
      <p>This is demo text.</p>
      <p>This is demo text.</p>
      <p>This is demo text.</p>
      <p>This is demo text.</p>
      <p>This is demo text.</p>
      <p id = "tut1"><b>Maths Tutorial</b></p>
      <p id = "tut2"><b>Java Tutorial</b></p>
      <p id = "tut3"><b>C++ Tutorial</b></p>
      <p id = "tut4"><b>C Tutorial</b></p>
   </body>
</html>

  1. কিভাবে CSS দিয়ে গোলাকার বোতাম স্টাইল করবেন?

  2. কিভাবে CSS দিয়ে টেক্সট বোতাম স্টাইল করবেন?

  3. কিভাবে CSS দিয়ে একটি hr উপাদান স্টাইল করবেন?

  4. কিভাবে CSS দিয়ে লেবেল স্টাইল করবেন?