Jadual Kandungan
回复讨论(解决方案)
Rumah hujung hadapan web html tutorial 关于Table样式的问题?_html/css_WEB-ITnose

关于Table样式的问题?_html/css_WEB-ITnose

Jun 24, 2016 pm 12:00 PM
table gaya



Table可以实现这样的效果吗,每一行有背景颜色,而且上下行是有间距的,我就想想知道Table能不能实现?


回复讨论(解决方案)

可以实现,代码参考

<table style="width:300px;border:1px solid black;">		<tr style="display:block;margin:0 0 20px 0;background:grey;"><td>aaa</td></tr>		<tr style="display:block;margin:0 0 20px 0;background:yellow;"><td>aaa</td></tr>	</table>
Salin selepas log masuk

上下行间距通过margin调控

没看出有什么特别的地方

能123456



Table可以实现这样的效果吗,每一行有背景颜色,而且上下行是有间距的,我就想想知道Table能不能实现?



不行,实现不了,最后还是改成ul li了。
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

Alat AI Hot

Undresser.AI Undress

Undresser.AI Undress

Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover

AI Clothes Remover

Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Undress AI Tool

Undress AI Tool

Gambar buka pakaian secara percuma

Clothoff.io

Clothoff.io

Penyingkiran pakaian AI

AI Hentai Generator

AI Hentai Generator

Menjana ai hentai secara percuma.

Artikel Panas

R.E.P.O. Kristal tenaga dijelaskan dan apa yang mereka lakukan (kristal kuning)
3 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Tetapan grafik terbaik
3 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Cara Memperbaiki Audio Jika anda tidak dapat mendengar sesiapa
3 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌
WWE 2K25: Cara Membuka Segala -galanya Di Myrise
3 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌

Alat panas

Notepad++7.3.1

Notepad++7.3.1

Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina

SublimeText3 versi Cina

Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1

Hantar Studio 13.0.1

Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6

Dreamweaver CS6

Alat pembangunan web visual

SublimeText3 versi Mac

SublimeText3 versi Mac

Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

macOS: Cara menukar warna widget desktop macOS: Cara menukar warna widget desktop Oct 07, 2023 am 08:17 AM

Dalam macOS Sonoma, widget tidak perlu disembunyikan di luar skrin atau dilupakan dalam panel Pusat Pemberitahuan seperti yang dilakukan dalam versi sebelumnya macOS Apple. Sebaliknya, ia boleh diletakkan terus pada desktop Mac anda - ia juga interaktif. Apabila tidak digunakan, widget desktop macOS memudar ke latar belakang dalam gaya monokrom, mengurangkan gangguan dan membolehkan anda menumpukan pada tugas yang sedang dijalankan dalam aplikasi atau tetingkap aktif. Walau bagaimanapun, apabila anda mengklik pada desktop, ia kembali kepada warna penuh. Jika anda lebih suka rupa yang menjemukan dan ingin mengekalkan aspek keseragaman itu pada desktop anda, ada cara untuk menjadikannya kekal. Langkah-langkah berikut menunjukkan cara ia dilakukan. Buka apl Tetapan Sistem

Panduan untuk menyelesaikan salah jajaran halaman web WordPress Panduan untuk menyelesaikan salah jajaran halaman web WordPress Mar 05, 2024 pm 01:12 PM

Panduan untuk menyelesaikan halaman web WordPress yang tidak sejajar Dalam pembangunan tapak web WordPress, kadangkala kami menghadapi elemen halaman web yang tidak sejajar Ini mungkin disebabkan oleh saiz skrin pada peranti yang berbeza, keserasian penyemak imbas atau tetapan gaya CSS yang tidak betul. Untuk menyelesaikan salah jajaran ini, kita perlu menganalisis masalah dengan teliti, mencari kemungkinan punca dan nyahpepijat serta membaikinya langkah demi langkah. Artikel ini akan berkongsi beberapa masalah salah jajaran laman web WordPress biasa dan penyelesaian yang sepadan, dan memberikan contoh kod khusus untuk membantu membangunkan

Reka bentuk imej latar belakang web CSS: mencipta pelbagai gaya dan kesan imej latar belakang Reka bentuk imej latar belakang web CSS: mencipta pelbagai gaya dan kesan imej latar belakang Nov 18, 2023 am 08:38 AM

Reka bentuk imej latar belakang halaman web CSS: Cipta pelbagai gaya dan kesan imej latar belakang, contoh kod khusus diperlukan Ringkasan: Dalam reka bentuk web, imej latar belakang ialah elemen visual yang penting, yang boleh meningkatkan daya tarikan dan kebolehbacaan halaman dengan berkesan. Artikel ini akan memperkenalkan beberapa gaya reka bentuk imej latar belakang CSS biasa dan kesan, dan memberikan contoh kod yang sepadan. Pembaca boleh memilih dan menggunakan gaya dan kesan imej latar belakang ini mengikut keperluan dan keutamaan mereka sendiri untuk mencapai kesan visual dan pengalaman pengguna yang lebih baik. Kata kunci: CSS, imej latar belakang, gaya reka bentuk, kesan, perwakilan kod

Gunakan pemilih kelas pseudo :nth-last-child(2) untuk memilih gaya elemen anak kedua hingga terakhir Gunakan pemilih kelas pseudo :nth-last-child(2) untuk memilih gaya elemen anak kedua hingga terakhir Nov 20, 2023 am 11:22 AM

Gunakan pemilih kelas pseudo :nth-last-child(2) untuk memilih gaya elemen anak kedua. Contoh kod khusus diperlukan Dalam CSS, pemilih kelas pseudo ialah alat yang sangat berkuasa yang boleh digunakan untuk memilih pokok dokumen. Salah satunya ialah pemilih kelas pseudo :nth-last-child(2), yang memilih elemen anak kedua hingga terakhir dan menggunakan gaya padanya. Mula-mula, mari kita buat contoh dokumen HTML supaya kita boleh menggunakan pemilih kelas pseudo ini di dalamnya. oleh

Cara menggunakan komponen jadual vue3 Cara menggunakan komponen jadual vue3 May 12, 2023 pm 09:40 PM

Jadual asas Sebelum membangunkan komponen jadual, fikirkan dahulu gaya API yang hendak digunakan Oleh kerana pengarang menggunakan elemen dalam kerja pengeluaran, gaya komponen sebelumnya adalah serupa dengan elemen, tetapi kali ini saya tidak bercadang untuk menggunakan gaya elemen. . , saya bercadang untuk menukarnya dan memaparkannya secara langsung: Kami mengharapkan pengguna menggunakannya seperti ini: constdataList=[{id:1,name:'"Amalan Aplikasi JavaEE Enterprise"',author:'dev1ce',price:'10.22 ', desc:&# 3

Kesan teks CSS: tambah pelbagai kesan dan gaya khas pada teks Kesan teks CSS: tambah pelbagai kesan dan gaya khas pada teks Nov 18, 2023 am 10:30 AM

Kesan teks CSS: Menambah pelbagai kesan dan gaya khas pada teks memerlukan contoh kod khusus 1. Pengenalan Dalam reka bentuk web, teks merupakan bahagian yang amat diperlukan. Dengan menambahkan kesan dan gaya khas pada teks, anda boleh menjadikan halaman lebih hidup dan menarik serta meningkatkan pengalaman membaca pengguna. Artikel ini akan memperkenalkan beberapa kesan teks CSS biasa dan menyediakan contoh kod yang sepadan untuk rujukan dan pembelajaran pembaca. 2. Warna teks Warna teks ialah salah satu kesan teks yang paling asas. Dengan menetapkan sifat warna, anda boleh menukar warna teks. Berikut adalah contoh

Gunakan pemilih :root pseudo-class untuk memilih gaya elemen akar dokumen Gunakan pemilih :root pseudo-class untuk memilih gaya elemen akar dokumen Nov 20, 2023 pm 02:18 PM

Menggunakan :root pseudo-class pemilih untuk memilih gaya elemen akar dokumen memerlukan contoh kod khusus Dalam CSS, kita boleh menggunakan :root pseudo-class pemilih untuk memilih elemen akar dokumen dan menentukan gaya tertentu. untuk itu. Pemilih kelas pseudo :root adalah bersamaan dengan memilih elemen html dalam kebanyakan kes, tetapi apabila ruang nama wujud dalam dokumen, pemilih kelas pseudo:root akan memilih elemen akar ruang nama lalai. Berikut ialah contoh kod konkrit yang menunjukkan cara menggunakan :root pseudo-class pemilih untuk memilih elemen akar dokumen.

Reka bentuk bar navigasi web CSS: membuat pelbagai gaya bar navigasi Reka bentuk bar navigasi web CSS: membuat pelbagai gaya bar navigasi Nov 18, 2023 pm 04:41 PM

Reka bentuk bar navigasi web CSS: Untuk mencipta pelbagai gaya bar navigasi, contoh kod khusus diperlukan Bar navigasi adalah salah satu komponen terpenting dalam reka bentuk web. Ia bukan sahaja memudahkan pengguna untuk melayari laman web yang berbeza, tetapi juga menyediakan a panduan yang jelas kepada struktur laman web. Apabila mereka bentuk bar navigasi, masalah yang sering kita hadapi ialah cara mencipta bar navigasi yang cantik dan berfungsi. Artikel ini akan memperkenalkan beberapa kaedah reka bentuk bar navigasi CSS biasa dan memberikan contoh kod yang sepadan untuk membantu pembaca memahami dan menerapkannya dengan lebih baik. Bar navigasi asas Bar navigasi asas adalah yang paling biasa

See all articles