كيفية إنشاء: خط الفصل

تعلم كيفية استخدام CSS لإنشاء خطوط فصل مختلفة.

الخط الخيالي

الخط النقطي

الخط المستقيم

الجوانب المستديرة

جرب بنفسك

كيفية إنشاء خط الفصل

الخطوة الأولى - إضافة 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;
}

جرب بنفسك