Πώς να δημιουργήσετε: Διαχωριστικές γραμμές

Μάθετε πώς να χρησιμοποιήσετε το CSS για τη δημιουργία διαφορετικών διαχωριστικών γραμμών.

Αβλική

Σημαδωτή

Στερεή

Γωνιακή

Try it yourself

Πώς να δημιουργήσετε διαχωριστικά γραμμές

第一步 - Προσθήκη 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;
{}

Try it yourself