কম্পিউটার টিউটোরিয়াল

CSS-এ দুই লাইনের বর্ডার (double border) সেট করা

দুই লাইনের বর্ডার সেট করতে border-style property-র মান double ব্যবহার করা হয়।

উদাহরণ

<html>
  <head>
  </head>
  <body>
    <p style="border-width:4px; border-style:none;">
      This is a border with none width. </p>
    <p style="border-width:4px; border-style:double;">
      This is a border with two solid lines. </p>
  </body>
</html>

শর্ত: border-width কমপক্ষে ৩px বা তার বেশি হতে হয় যাতে দুটি লাইন এবং মাঝপথের গ্যাপ স্পষ্ট দেখা যায়।

  1. CSS-এ নিচের বাম কোণার বর্ডার সেট করা

  2. CSS-এ নিচের ডান কোণার বর্ডার সেট করা

  3. CSS border-top-left-radius দিয়ে উপরের বাম কোণার বর্ডার গোলাকার করা

  4. CSS-এ উপরের ডান কোণার বর্ডার সেট করুন