怎樣對table和td設定背景實作表格邊框

很多朋友都很苦惱表格樣式怎麼設置，今天就給大家詳細講解一下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">

設定table td背景為白色

css程式碼：

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

對應html原始碼：

 
<table width="400" border="0" cellspacing="1" cellpadding="0"> 

站名	网址	说明
DIVCSS5	www.divcss5.com	CSS学习
CSS5	www.css5.com.cn	CSS切图

登入後複製