怎么用CSS设置html中的表格边框样式

设置表格的样式可以直接使用css的border样式来设置的。

工具原料：编辑器、浏览器

1、设置一个表格的外边框为红色，内边框的为**，代码如下：

<table>

<tr>

<td>知道</td>

<td>知道</td>

<td>知道</td>

</tr>

<tr>

<td>知道</td>

<td>知道</td>

<td>知道</td>

</tr>

<tr>

<td>知道</td>

<td>知道</td>

<td>知道</td>

</tr>

</table>

<style>

table {

border:1px solid red;

}

td{

border: 1px solid yellow;

}

</style>

</body>

2、运行的效果如下：

〈Table border=0 id=tb1 style="border:3px solid red"〉

〈tr〉〈td〉用样式表(CSS)定制表格的例子〈/td〉〈/tr〉

〈/Table〉

32,Q:闪亮的表格边框：

A:

制做闪亮的表格边框！

<!-- 这段脚本放在表格的后面

function flashit()

{

if (!documentall) return

if (tb1styleborderColor=="green")

tb1styleborderColor="red"

else

tb1styleborderColor="green"

}

setInterval("flashit()", 400)

//-->

可以通过设置单元格元素td的边框样式来实现：

1

border: width style color; /分别设置边框的粗细、样式和颜色/

示例如下：

在HTML代码中给出两个表格

<table class="tb1">

<tr><td>有</td><td>志</td><td>者</td></tr>

<tr><td>事</td><td>竟</td><td>成</td></tr>

</table>

<table class="tb2">

<tr><td>苦</td><td>心</td><td>人</td></tr>

<tr><td>天</td><td>不</td><td>负</td></tr>

</table>

分别设置不同的样式

table{ / 表格整体样式 /

margin:50px; / 外边距50px /

border-collapse:collapse; / 合并为单一的边框线 /

}

/ 设置tb1类的表格样式 /

tabletb1 td{padding:10px;border:1px solid green;}

/ 设置tb2类的表格样式 /

tabletb2 td{padding:20px;border:5px dashed blue;}