Bagaimana untuk memindahkan imej ke bawah dengan css

Menggunakan CSS untuk menggerakkan imej ke bawah boleh dicapai melalui atribut margin, di mana nilai margin-bawah menentukan jarak imej bergerak ke bawah, yang boleh menjadi nilai piksel atau nilai peratusan.

Cara menggunakan CSS untuk mengalihkan imej ke bawah

Untuk menggunakan CSS untuk mengalihkan imej ke bawah, anda boleh menggunakan atribut margin. margin 属性。

margin 属性

margin 属性用于在元素周围添加空白空间。它有四个值，按顺时针方向指定：

• margin-top： 上边缘的空白空间
• margin-right： 右边缘的空白空间
• margin-bottom： 下边缘的空白空间
• margin-left： 左边缘的空白空间

可以使用以下语法指定 margin 属性的值：

<code class="css">margin: <top-value> <right-value> <bottom-value> <left-value>;</code>

让图片向下移

要让图片向下移，可以增加 margin-bottom 的值。语法如下：

<code class="css">img {
  margin-bottom: <value>;
}</code>

<value>

atribut margin

Atribut margin digunakan untuk menambah ruang putih di sekeliling elemen. Ia mempunyai empat nilai, dinyatakan mengikut tertib mengikut arah jam:

• margin-atas:

  Ruang kosong di tepi atas

• margin-kanan: 🎜 Ruang kosong di tepi kanan li>
• li>
• 🎜margin-bawah: 🎜 Ruang kosong di tepi bawah
• 🎜margin-kiri: 🎜 Ruang kosong di tepi kiri

🎜 boleh ditentukan menggunakan sintaks berikut Margin nilai atribut: 🎜

<code class="css">img {
  margin-bottom: 20px;
}</code>

🎜🎜Untuk mengalihkan imej ke bawah🎜🎜🎜Untuk mengalihkan imej ke bawah, anda boleh meningkatkan nilai margin-bottom . Sintaks adalah seperti berikut: 🎜

<code class="css">img {
  margin-bottom: -10px;
}</code>

🎜<value> boleh menjadi nilai piksel (cth. "10px") atau nilai peratusan (cth. "10%"). 🎜🎜🎜Contoh🎜🎜🎜Kod di bawah akan mengalihkan semua imej pada halaman ke bawah sebanyak 20 piksel: 🎜rrreee🎜Anda juga boleh menggunakan nilai negatif untuk mengalihkan imej ke atas. Sebagai contoh, kod berikut akan mengalihkan semua imej pada halaman sehingga 10 piksel: 🎜rrreee

Atas ialah kandungan terperinci Bagaimana untuk memindahkan imej ke bawah dengan css. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!