Rumah > hujung hadapan web > tutorial css > Apakah maksud padding dalam css

Apakah maksud padding dalam css

下次还敢
Lepaskan: 2024-04-26 12:42:14
asal
958 orang telah melayarinya

padding mentakrifkan ruang putih di sekeliling elemen dalam CSS, mewujudkan jidar antara kandungan dan sempadan elemen. Penggunaannya adalah seperti berikut: Gunakan tetapan atribut pelapik: anda boleh Gunakan piksel (px), unit relatif (em/rem) atau peratusan (%) terdapat dua jenis: dalam sempadan (padding kotak) atau sekitar kandungan (padding kandungan).

Apakah maksud padding dalam css

makna padding dalam CSS

padding ialah nilai dalam CSS yang digunakan untuk menetapkan ruang putih di sekeliling elemen. Ia mencipta margin untuk ruang antara kandungan elemen dan sempadan elemen. Penggunaan

padding

Untuk menetapkan padding, anda mesti menggunakan padding atribut:

<code class="css">selector {
  padding: <top> <right> <bottom> <left>;
}</code>
Salin selepas log masuk

Empat nilai mewakili:

  • atas: jidar kanan atas elemen
  • jidar kanan elemen elemen
  • bawah: jidar bawah elemen
  • kiri: jidar kiri elemen

unit padding

padding boleh menggunakan unit berikut:

px

: px
  • em : Unit relatif, relatif kepada saiz fon elemen
  • rem: Unit relatif, relatif kepada saiz fon elemen akar
  • %: Berbanding peratusan lebar elemen induk

jenis padding ialah dua jenis dalam CSS Jenis padding:

box-padding:
    Menambah ruang putih dalam sempadan elemen.
  • pelapis kandungan:
  • Menambah ruang putih di sekeliling kandungan elemen (teks atau imej).
  • Jika tiada jenis dinyatakan, padding kotak digunakan secara lalai.

Tujuan padding

padding sangat berguna dalam susun atur CSS. Ia membolehkan anda:

Mencipta ruang antara kandungan dan sempadan

    Mencipta jidar untuk elemen
  • Laraskan jarak antara berbilang elemen
  • Mencantikkan penampilan elemen

Atas ialah kandungan terperinci Apakah maksud padding dalam css. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
css
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan