কম্পিউটার

কিভাবে CSS দিয়ে বিভিন্ন ডিভাইডার তৈরি করবেন?


সিএসএস দিয়ে বিভিন্ন ডিভাইডার তৈরি করতে, কোডটি নিম্নরূপ -

উদাহরণ

<!DOCTYPE html>
<html>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<head>
<style>
   body {
      font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
   }
   .dashed {
      border-top: 3px dashed rgb(216, 22, 22);
   }
   .dotted {
      border-top: 3px dotted rgb(8, 11, 167);
   }
   .solid {
      border-top: 3px solid rgb(18, 167, 38);
   }
   .rounded {
      border-top: 8px solid rgb(200, 255, 0);
      border-radius: 5px;
   }
   .double {
      border-top: 3px double rgb(219, 46, 196);
   }
</style>
</head>
<body>
<h1>Dividers Example</h1>
<p>Dashed</p>
<hr class="dashed" />
<p>Dotted</p>
<hr class="dotted" />
<p>Solid</p>
<hr class="solid" />
<p>Rounded</p>
<hr class="rounded" />
<p>Double</p>
<hr class="double" />
</body>
</html>

আউটপুট

উপরের কোডটি নিম্নলিখিত আউটপুট −

তৈরি করবে

কিভাবে CSS দিয়ে বিভিন্ন ডিভাইডার তৈরি করবেন?


  1. কিভাবে CSS দিয়ে কার্ড তৈরি করবেন?

  2. কিভাবে CSS দিয়ে একটি কুপন তৈরি করবেন?

  3. কিভাবে CSS দিয়ে বিভিন্ন আকার তৈরি করবেন?

  4. কিভাবে CSS দিয়ে তীর তৈরি করবেন?