How to set background for table and td to realize table border

Many friends are very troubledTableHow to set the style, today I will explain in detail to youcss tableHow to set the style, I have mentioned three methods before, only set the border for the table , set the border for td, set the table border skillfully for table and td. Now I will show you how to set the background for table and td to realize the table border. I hope you will gain something after reading.

First set the table css background to red

Then set the spacing between table cells to 1
Use DW software to assist in setting the spacing between table table cells to 1, specifically A brief description of the visual operation steps of DW software. First, after selecting the table (view mode), the "Properties" panel will appear at the bottom of the corresponding DW software editing window, and the corresponding tableTable Properties setting place will appear. We will fill in the "interval" as "1". At this time we will see that the cellspacing value in the table label is "1" (cellspacing="1").

Use DW software to set the spacing between table cells or

directly set cellspacing="1" in the

tag, and you will get:

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

Set table td The background is white

css code:

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

Corresponding html source code:

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

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

Copy after login