Rumah > hujung hadapan web > tutorial css > Bagaimana untuk menetapkan padding dan margin dalam css

Bagaimana untuk menetapkan padding dan margin dalam css

下次还敢
Lepaskan: 2024-04-28 16:51:15
asal
890 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

toprightbottomleft

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!

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