Bagaimana untuk menetapkan padding dan margin dalam css

Padding dan margin dalam CSS digunakan untuk menetapkan jarak ruang di sekeliling elemen: padding mengawal ruang antara kandungan elemen dan sempadan, sintaks: padding: tetapan Jarak dan jidar kiri

Dalam CSS, padding dan jidar digunakan untuk mengawal jarak ruang di sekeliling elemen. Ia boleh digunakan untuk melaraskan kedudukan, saiz dan bentuk elemen.

Padding

Padding ialah ruang antara kandungan elemen (seperti teks atau imej) dan sempadan elemen. Padding boleh ditetapkan menggunakan sintaks berikut:

<code class="css">padding: <top> <right> <bottom> <left>;</code>

di mana

menentukan nilai atas, kanan, bawah dan kiri masing-masing padding. Contohnya:

<code class="css">padding: 10px;</code>

Ini akan menetapkan pelapik pada keempat-empat sisi elemen kepada 10px.

Margin

top、right、bottom 和 left

Margin ialah ruang antara sempadan elemen dan elemen lain (atau tetingkap penyemak imbas). Margin boleh ditetapkan menggunakan sintaks berikut:

<code class="css">margin: <top> <right> <bottom> <left>;</code>

Sintaks adalah serupa dengan padding, tetapi margin boleh digunakan di mana-mana sahaja pada elemen, bukannya hanya di dalam sempadan. Contohnya:

<code class="css">margin: 10px 20px;</code>

Ini akan menetapkan jidar atas dan bawah elemen kepada 10px, dan jidar kiri dan kanan kepada 20px.

Atas ialah kandungan terperinci Bagaimana untuk menetapkan padding dan margin dalam css. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!