masyarakat Belajar Perpustakaan Alatan Masa lapang
cari
Melayu
Rumah > hujung hadapan web > tutorial css > 怎样对table和td设置背景实现表格边框

怎样对table和td设置背景实现表格边框

php中世界最好的语言
Lepaskan： 2017-11-20 17:43:46
asal
3260 orang telah melayarinya

很多朋友都很苦恼表格样式怎么设置，今天就给大家详细讲解一下css表格样式怎么设置，之前说过三种方法，只对table设置边框，对td设置边框，对table和td技巧性设置表格边框现在给大家带来怎样对table和td设置背景实现表格边框，希望大家阅读后有所收获。

首先设置table css背景为红色

然后设置table单元之间间距为1
使用DW软件辅助设置table表格单元间距为1，具体DW软件可视化操作步骤简要说明，首先（视图模式）选中表格后，对应DW软件编辑窗口底部会“属性”面板会出现对应table表格属性设置地方，我们将“间隔”填写为“1”。这个时候我们会看到table表格标签里cellspacing值为“1”（cellspacing="1"）。

借助DW软件设置表格单元之间间距或

直接对

标签内cellspacing="1"即可，得到：

<table width="400" border="0" cellspacing="1" cellpadding="0">
Salin selepas log masuk

设置table td背景为白色

css代码：

<style> 
.table-d table{ background:#F00} 
.table-d table td{ background:#FFF} 
/* 
css注释：设置table背景为红色，td背景为白色 */ 
</style>
Salin selepas log masuk

对应html源代码：

 
<table width="400" border="0" cellspacing="1" cellpadding="0">
站名 网址 说明
DIVCSS5 www.divcss5.com CSS学习
CSS5 www.css5.com.cn CSS切图
Salin selepas log masuk

我们总共归纳了四种方式实现table表格边框样式方法，推荐使用第三和第四种方法来解决表格边框样式。希望我们的方法对大家有帮助并能掌握，平时需要时灵活运用。

相关阅读：

怎样对table和td技巧性设置表格边框


怎样用CSS对td设置边框


怎样用CSS只对表格table的标签设置边框

Atas ialah kandungan terperinci 怎样对table和td设置背景实现表格边框. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan：
table capai latar belakang
sumber：php.cn
Artikel sebelumnya：怎样对table和td技巧性设置表格边框 Artikel seterusnya：html转txt文件怎么实现？ html转txt的方法详解！
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
Artikel terbaru oleh pengarang
Isu terkini
Bagaimana untuk mendapatkan semula nilai baris yang tidak dipilih dalam jadual data HTML menggunakan jquery Saya cuba mendapatkan nilai semua baris di mana butang tidak diklik. Sebagai contoh, apabi...
daripada 2024-04-05 09:26:49
0
1
1418
Dapatkan nilai berkaitan bersarang dalam mysql Saya cuba mendapatkan semula nilai berkaitan berdasarkan berbilang entri dalam pangkalan d...
daripada 2024-04-04 17:29:06
0
2
365
Bagaimana untuk mendengar acara klik tertentu tetapi menyekat yang lain? Aplikasi web saya mengandungi jadual HTML di mana setiap baris dipautkan ke URL tertentu: ...
daripada 2024-04-04 16:55:27
0
1
317
Tajuk jadual diputar secara menegak, dijajarkan di tengah + bawah, penyemak imbas silang Saya mempunyai jadual dengan pengepala berputar yang kelihatan seperti yang diharapkan dal...
daripada 2024-04-04 16:45:25
0
1
330
Jadual dengan pengepala tetap dan pengepala lajur diputar Saya mempunyai jadual dengan pengepala tetap dan lajur pertama tetap. Saya juga mahu memut...
daripada 2024-04-03 08:50:32
0
1
362
Topik-topik yang berkaitan
Lagi>
Cadangan popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan