Rumah > hujung hadapan web > tutorial css > Bagaimana untuk memindahkan jadual ke bawah dalam css

Bagaimana untuk memindahkan jadual ke bawah dalam css

WBOY
Lepaskan: 2021-12-03 11:45:00
asal
5652 orang telah melayarinya

Dalam CSS, anda boleh menggunakan atribut "margin-top" untuk mengalihkan jadual ke bawah Atribut ini digunakan untuk menetapkan margin atas elemen Anda hanya perlu menambah "margin-top: downward movement jarak" ke elemen jadual. Nilai;" gaya boleh meningkatkan jidar atas jadual, dengan itu menggerakkan elemen jadual ke bawah.

Bagaimana untuk memindahkan jadual ke bawah dalam css

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

Cara mengalihkan jadual ke bawah dalam css

Dalam css, anda boleh menggunakan atribut atas margin untuk mengalihkan jadual ke bawah yang ditentukan jarak . Contoh berikut menerangkan cara mengalihkan jadual ke bawah menggunakan css.

Contohnya adalah seperti berikut:

1 Cipta fail html baharu, bernama test.html, untuk menerangkan cara css menggerakkan jadual ke bawah. Buat borang untuk ujian. Tetapkan atribut kelas teg jadual kepada lthree. Tentukan gaya jadual melalui kelas dan takrifkan lebarnya sebagai 280px.

Bagaimana untuk memindahkan jadual ke bawah dalam css

2. Dalam teg css, gunakan atribut margin atas untuk mengalihkan jadual ke bawah 120px.

Bagaimana untuk memindahkan jadual ke bawah dalam css

Buka fail test.html dalam penyemak imbas untuk melihat kesannya.

Bagaimana untuk memindahkan jadual ke bawah dalam css

Ringkasan:

1 Cipta jadual dan tetapkan atribut kelas teg jadual kepada ltiga.

2. Dalam teg css, tentukan gaya jadual melalui kelas dan tentukan lebarnya sebagai 280px.

3 Dalam teg css, gunakan atribut atas margin untuk mengalihkan jadual ke bawah 120px.

(Mempelajari perkongsian video: tutorial video css)

Atas ialah kandungan terperinci Bagaimana untuk memindahkan jadual ke bawah 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