Bagaimana Saya Menukar Warna Peraturan Mendatar HTML () Menggunakan CSS?

Menggayakan Peraturan Mendatar

Walaupun coretan kod yang disertakan di bawah pada mulanya cuba menukar warna teg

<hr> menggunakan CSS, ia membuktikan tidak berjaya:

<hr>

hr {
  color: #123455;
}

Penyelesaian

Untuk menukar warna garis elemen

<hr>, pertimbangkan untuk menggunakan warna sempadan sifat dan bukannya warna:

hr {
  border-color: #123455;
}

Walau bagaimanapun, ambil perhatian bahawa jika saiz garisan berubah, lebar sempadan kekal seperti yang dinyatakan dalam gaya, manakala garisan itu sendiri kembali kepada warna lalai. Oleh itu, adalah dinasihatkan untuk turut menentukan warna latar belakang.

Lembaran gaya lalai HTML 5 Boilerplate termasuk peraturan berikut:

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

Selain itu, artikel oleh SitePoint menyerlahkan yang

<hr> boleh diwarisi warna jidarnya daripada unsur induknya menggunakan warna sempadan sifat CSS: warisan.

Atas ialah kandungan terperinci Bagaimana Saya Menukar Warna Peraturan Mendatar HTML () Menggunakan CSS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!