Rumah  >  Artikel  >  hujung hadapan web  >  Bagaimana untuk menyatakan padding dan margin dalam css

Bagaimana untuk menyatakan padding dan margin dalam css

下次还敢
下次还敢asal
2024-04-28 16:48:171106semak imbas

Padding dan margin ialah sifat dalam CSS yang digunakan untuk mengawal ruang putih di sekeliling elemen. Jidar dalam menetapkan ruang antara kandungan elemen dan sempadan elemen, ditetapkan melalui atribut padding; jidar luar menetapkan ruang antara sempadan elemen dan elemen bersebelahan, ditetapkan melalui atribut margin.

Bagaimana untuk menyatakan padding dan margin dalam css

Padding dan margin dalam CSS

Padding dan margin ialah sifat dalam CSS yang digunakan untuk menetapkan ruang putih di sekeliling elemen. Mereka memainkan peranan penting dalam menentukan susun atur elemen dan reka bentuk antara muka pengguna.

Padding

Padding merujuk kepada ruang antara kandungan elemen dan sempadan elemen. Ia boleh ditetapkan melalui atribut padding dan nilainya boleh menjadi satu nilai (mewakili jarak yang sama untuk semua margin) atau empat nilai (mewakili margin atas, kanan, bawah dan kiri jarak masing-masing). . . padding 属性来设置,其值可以是单个值(表示所有边距的相同距离)或四个值(分别表示上、右、下、左的边距距离)。

语法:

<code>padding: <top> <right> <bottom> <left>;</code>

示例:

<code>div {
  padding: 10px;
}</code>

此示例将为 div 元素设置 10 像素的内边距,即元素内容在各条边距上都与元素边框保持 10 像素的距离。

外边距

外边距是指元素边框与相邻元素(或视口)之间的空间。它可以通过 margin

Margin

Margin ialah ruang antara sempadan elemen dan elemen bersebelahan (atau port pandangan). Ia boleh ditetapkan melalui atribut margin dan nilainya mengikut peraturan yang serupa dengan padding. .

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

Kenyataan:
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