Rumah > hujung hadapan web > tutorial css > Bagaimana untuk mengosongkan margin dalam css

Bagaimana untuk mengosongkan margin dalam css

WBOY
Lepaskan: 2021-12-03 17:55:41
asal
9054 orang telah melayarinya

Cara mengosongkan jidar dalam CSS: 1. Gunakan atribut margin untuk mengosongkan jidar luar elemen, sintaksnya ialah "elemen {margin:0px;}" 2. Gunakan atribut padding untuk mengosongkan jidar dalaman elemen, sintaksnya ialah " Elemen {padding:0px;}".

Bagaimana untuk mengosongkan margin dalam css

Persekitaran pengendalian tutorial ini: sistem Windows 10, versi CSS3&&HTML5, komputer Dell G3.

Cara mengosongkan jidar dalam css

1 Cipta fail Clear Margins dan Inner Margins.html dan masukkan kod struktur HTML5 , ubah suai kandungan dalam teg tajuk untuk: kosongkan jidar luar dan jidar dalam, tentukan berbilang tag, seperti: div, span, dsb.,

jalankan halaman web, klik kanan --> lihat elemen, anda boleh Anda boleh melihat bahawa tag badan mempunyai jidar (bahagian kuning ialah jidar), seperti yang ditunjukkan dalam gambar:

Bagaimana untuk mengosongkan margin dalam css

Bagaimana untuk mengosongkan margin dalam css

2 , gunakan * pemilih kad bebas untuk menetapkan jidar dan padding semua label kepada 0px, dan kosongkan jidar dalam dan luar semua label, seperti yang ditunjukkan dalam rajah:

Bagaimana untuk mengosongkan margin dalam css

Jalankan halaman web sekali lagi untuk melihat elemen, anda boleh melihat bahawa jidar dalam dan luar telah dikosongkan, seperti yang ditunjukkan dalam gambar:

Bagaimana untuk mengosongkan margin dalam css

(Belajar perkongsian video: tutorial video css)

Atas ialah kandungan terperinci Bagaimana untuk mengosongkan 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