Bagaimana untuk menetapkan padding dan margin dalam css-tutorial css-php.cn

Bagaimana untuk menetapkan padding dan margin dalam css

下次还敢

Lepaskan： 2024-04-28 16:51:15

asal

823 orang telah melayarinya

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. Bagaimana untuk menetapkan padding dan margin dalam css

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>

Salin selepas log masuk

di mana

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

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

Salin selepas log masuk

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>

Salin selepas log masuk

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>

Salin selepas log masuk

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!