如何用CSS工具实现网页当中表格的填充

1、精确控制内容与表格边框之间的距离。

td{padding:15px;}

2、为表格设计一个专门的CSS样式并进行表格填充。

<style>

table, td, th

{

border:1px solid black;

}

td

{

padding:15px;

}

</style>

3、指定表格的内容。

<table>

<tr>

<th>Firstname</th>

<th>Lastname</th>

<th>Savings</th>

</tr>

4、效果呈现。我们把一切的代码搞定之后就可以回到设计窗口看一看这个网页表格的效果了。

5、表格颜色。网页当中的表格并不是永远黑白的，有的时候我们也需要给这些表格指定一个新鲜的颜色来。

6、代码语句与效果呈现。

<style>

table, td, th

{

border:1px solid green;

}

th

{

background-color:green;

color:white;

}

</style>