Dalam CSS, padding ialah sifat yang digunakan untuk menambah ruang putih di sekeliling elemen, digunakan untuk meningkatkan ruang antara elemen, mencipta padding, menjajarkan elemen dan mencipta hierarki visual.
Apakah pelapik dalam CSS?
Dalam CSS, padding ialah sifat yang digunakan untuk menambah kawasan putih (telus) di sekeliling elemen. Ia boleh ditentukan oleh empat nilai (atas, kanan, bawah, kiri), atau dengan satu nilai yang menentukan semua margin.
Penggunaan padding
nilai padding boleh ditentukan sebagai piksel (px), peratusan (%), em atau rem. Sintaksnya adalah seperti berikut:
<code>padding: <top> <right> <bottom> <left>;</code>
Salin selepas log masuk
Contohnya:
- padding: 10px;: Tambahkan 10px ruang putih pada semua jidar.
padding: 10px;
:在所有边距中添加 10px 的空白。
-
padding: 10px 20px;
:在顶部和底部添加 10px 的空白,在左右两侧添加 20px 的空白。
padding: 10% 5%;
padding: 10px 20px;: Tambah padding 10px di bahagian atas dan bawah, dan 20px padding di sebelah kiri dan kanan.
lapik: 10% 5%;: Tambahkan 10% ketinggian elemen ke bahagian atas dan bawah, dan 5% daripada lebar elemen ke sisi kiri dan kanan.
Fungsi padding
- padding digunakan terutamanya dalam aspek berikut:
- Tingkatkan ruang antara elemen: Dengan menambah ruang putih di sekeliling elemen, anda boleh meningkatkan jarak antara elemen.
- Buat padding: padding boleh digunakan untuk membuat padding untuk elemen, meninggalkan ruang antara kandungan elemen dan sempadannya.
- Jajarkan elemen: Dengan menggunakan nilai padding yang sama, anda boleh menyelaraskan elemen yang berbeza untuk memberi mereka pandangan yang konsisten pada halaman.
Buat hierarki visual: 🎜Menggunakan nilai padding yang berbeza, anda boleh mencipta hierarki visual dan menjadikan elemen penting lebih menonjol. 🎜🎜
Atas ialah kandungan terperinci Apakah maksud padding dalam css. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!