css如何修改表格样式?

表格我们在网页中都经常看到,只是他们没有呈现出默认的样式,那怎么去设置关于表格table的样式,下面我们来看一下css如何设置表格样式。

将表格渲染出来,能够看到表格是最基本的,如果连表格都没有的话,怎么去设置它的样式。呈现表格,代码如下:

<table>
<thead>
<tr>
<td>表格</td>
<td>表格</td>
<td>表格</td>
<td>表格</td>
</tr>
</thead>
<tbody>
<tr>
<td>表格</td>
<td>表格</td>
<td>表格</td>
<td>表格</td>
</tr>
</tbody>
</table>

效果图:

上面的表格是没有任何样式的,下面我们来看一下使用css设置表格边框样式。

td{
border: 1px solid red;
}

效果图:

同样的,你可以给TD加上其它的样式 ,比如大小,边距等等,代码如下:

td{
border: 1px solid red;
width: 30px;
margin: 10px;
}

效果图:

以上就是css如何修改表格样式?的详细内容,更多请关注易知道|edz.cc其它相关文章!

推荐阅读