طراحی خط افقی را تنظیم کنید

آموزش نحوه استفاده از CSS برای تنظیم طراحی عناصر hr.

خط افقی

می‌توانید border با استفاده از این hr طراحی عنصر:

مثال

/* 红色边框 */
hr.new1 {
  border-top: 1px solid red;
}
/* 红色虚线边框 */
hr.new2 {
  border-top: 1px dashed red;
}
/* 红色点状边框 */
hr.new3 {
  border-top: 1px dotted red;
}
/* 红色粗边框 */
hr.new4 {
  border: 1px solid red;
}
/* 绿色大圆角边框 */
hr.new5 {
  border: 10px solid green;
  border-radius: 5px;
}

آزمایش کنید

صفحات مرتبط

دستورالعمل‌ها:برچسب HTML hr