چگونه ایجاد می‌شود: خط‌کش

چگونه خط‌کش ایجاد کنیم

مرحله اول - افزودن HTML:

<hr class="dashed">
<hr class="dotted">
<hr class="solid">
<hr class="rounded">

مرحله دوم - افزودن CSS:

/* خط خطی گوشه‌ها */
hr.dashed {
  border-top: 3px dashed #bbb;
}
/* خط نقطه گوشه‌ها */
hr.dotted {
  border-top: 3px dotted #bbb;
}
/* خط صاف گوشه‌ها */
hr.solid {
  border-top: 3px solid #bbb;
}
/* گردن‌کوفتی‌های گوشه */
hr.rounded {
  border-top: 8px solid #bbb;
  border-radius: 5px;
}

به طور مستقیم امتحان کنید