Rumah > hujung hadapan web > html tutorial > Bagaimana untuk melaraskan jarak antara perenggan html

Bagaimana untuk melaraskan jarak antara perenggan html

下次还敢
Lepaskan: 2024-04-22 10:12:12
asal
693 orang telah melayarinya

Dalam HTML, anda boleh menggunakan sifat CSS margin-bottom dan margin-top untuk melaraskan jarak antara perenggan: sifat margin-bottom menetapkan jarak di bahagian bawah perenggan, sintaks: margin-bottom: [value] ( contohnya, margin-bawah: 10px;) Atribut margin-atas menetapkan jarak atas perenggan, sintaks: margin-atas: [nilai] (contohnya, margin-atas: 5%;)

Bagaimana untuk melaraskan jarak antara perenggan html

Kaedah pelarasan jarak perenggan HTML

Dalam HTML, perenggan Jarak antara mereka boleh dilaraskan melalui sifat CSS margin-bottom dan margin-top. margin-bottommargin-top 进行调节。

使用 margin-bottom 属性

margin-bottom 属性设置元素底部的外边距,也就是元素与下方元素之间的间距。语法如下:

<code>margin-bottom: [值];</code>
Salin selepas log masuk

其中,可以是百分比、像素或其他长度单位。例如,要设置段落底部间距为 10 像素,可以使用以下 CSS 代码:

<code>p {
  margin-bottom: 10px;
}</code>
Salin selepas log masuk

使用 margin-top 属性

margin-top 属性设置元素顶部的外边距,也就是元素与上方元素之间的间距。语法与 margin-bottom

Gunakan atribut margin-bottom

margin-bottom untuk menetapkan margin di bahagian bawah elemen, iaitu ruang antara unsur dan unsur di bawahnya. Sintaksnya adalah seperti berikut:

<code>margin-top: [值];</code>
Salin selepas log masuk
di mana nilai boleh menjadi peratusan, piksel atau unit panjang lain. Sebagai contoh, untuk menetapkan margin bawah perenggan kepada 10 piksel, anda akan menggunakan kod CSS berikut: 🎜
<code>p {
  margin-top: 5%;
}</code>
Salin selepas log masuk

Gunakan sifat margin-top

🎜margin -top property Menetapkan margin di bahagian atas elemen, iaitu jarak antara elemen dan elemen di atasnya. Sintaks adalah sama seperti margin-bottom: 🎜rrreee🎜Sebagai contoh, untuk menetapkan margin atas perenggan kepada 5%, anda akan menggunakan kod CSS berikut: 🎜rrreee

Atas ialah kandungan terperinci Bagaimana untuk melaraskan jarak antara perenggan html. 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