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

用CSS设置html中的表格边框样式，要设计的样式非常多，下面举例说明

工具：

记事本

浏览器

方法如下：

CSS代码：

table-a table{border:1px solid #F00}

<!--关键代码：设置表格边框为1像素，实体，红色-->

HTML代码：

<div class="table-a">

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

<tr>

<td width="105">站名</td>

<td width="181">网址</td>

<td width="112">说明</td>

</tr>

<tr>

<td>网站名称</td>

<td>具体网址</td>

<td>网站说明</td>

</tr>

<tr>

<td>网站名称</td>

<td>具体网址</td>

<td>网站说明</td>

</tr>

</table>

</div>

效果图如下：

HTML语言是Hypertext Markuo Language的缩写，中文名为超文本标记语言。

HTML语言是制作网页的标准语言，从40版开始，已经对各种每体设备环境、语言环境和显示环境有了比较充分的考虑和改进，之后推出的新版本HTML401，对HTML40中的一些功能做了进一步的完善，在国际化设置、兼容性、样式表示支持方面，以及脚本、打印等方面都有很大提高。该版本一直沿用至今，7年中没有变化，足见该语言之成熟可靠。

HTML是搭建网页的基础语言，学习HTML不见得就是为了要从头到尾编写网页，主要是为了了解“如何做”和怎样更好地做“。如果不了解HTML，在制作网页之前，就不知道网页代码是如何工作的；在制作过程中，就不能灵活地实现自己想要的网页效果。

table{border-collapse:collapse; border-spacing:0}

table, td{border:1px solid #000;}

细节表格的制作方法在CSS中加上上面这行就可以了。