Cara menggunakan atribut padding dalam css

Dalam CSS, atribut padding digunakan untuk menetapkan padding elemen. Ini bermakna ia mentakrifkan ruang antara kandungan elemen dan sempadannya. Sintaks asas ialah "padding: value;".

Dalam CSS, atribut padding digunakan untuk menetapkan padding elemen. Ini bermakna ia mentakrifkan ruang antara kandungan elemen dan sempadannya.

Sintaks asas:

padding: value;

Nilai di sini boleh mempunyai bentuk berikut:

Nilai panjang: seperti px (piksel), em (unit berbanding saiz fon semasa), rem (unit berbanding saiz fon elemen akar) ) tunggu. Contohnya: padding: 10px;

Peratusan: contohnya 10%. Ini menetapkan padding relatif kepada lebar elemen. Contohnya: padding: 10%;

Transparency: contohnya telus. Ini akan menjadikan padding benar-benar telus.

Empat nilai:

Anda juga boleh menetapkan pelapik pada empat sisi elemen secara berasingan, seperti yang ditunjukkan di bawah:

padding: top right bottom left;

Di sini, set atas pelapik atas, set kanan pelapik kanan dan set bawah Pelapik bawah, kiri set padding kiri.

Contoh:

div {  
  padding: 10px;      /* 设置所有四个边的内边距为10px */  
}  
  
.container {  
  padding: 20px 15px;  /* 设置上边和下边的内边距为20px，左边和右边的内边距为15px */  
}

Perhatikan bahawa warna latar belakang elemen memanjang ke kawasan pelapiknya, tetapi bukan ke sempadan. Jika elemen tidak mempunyai sempadan, warna latar belakang memanjang ke kawasan kandungan elemen.

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