Bagaimanakah Saya Boleh Membuat Sempadan Berasaskan Peratusan dalam CSS?

Bagaimana untuk Menetapkan Ketebalan Sempadan dalam Peratusan?

Menetapkan lebar sempadan menggunakan peratusan tidak disokong secara langsung dalam CSS . Walau bagaimanapun, anda boleh mensimulasikan tingkah laku ini menggunakan gabungan teknik CSS.

Anda boleh membungkus elemen yang ingin anda tambahkan sempadan dalam pembungkus elemen dengan sifat berikut:

• Tetapkan warna latar belakang elemen pembalut kepada warna jidar yang diingini.


• Tetapkan padding elemen pembalut dalam peratusan untuk mensimulasikan lebar jidar.


• Tetapkan warna latar belakang elemen dalam kepada warna yang diingini dalam sempadan.

Teknik ini mencipta ilusi peratusan sempadan dengan menggunakan padding dan warna latar belakang.

Contoh Kod

.faux-borders {
warna latar belakang: #f00;
padding: 1px 25%; / Simulasikan sempadan 25% di sisi /
}

.kandungan {
warna latar belakang: #fff;
}

< ;div>

This element has simulated percentage borders.

Kod ini dibalut unsur dalaman (kandungan) dalam elemen pembungkus (faux-borders). Elemen pembalut mempunyai warna latar belakang merah dan padding atas dan bawah 1px. Warna latar belakang elemen dalam ialah putih.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Membuat Sempadan Berasaskan Peratusan dalam CSS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!