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

html-css018

怎么用CSS设置html中的表格边框样式,第1张

用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>

效果图如下：

border:2px 3px 6px 9px 这个要加上 width才有效 border-width:2px 3px 6px 9px

四边框一同设置的数值不同的时候只能设置一个 color或者style或者width

border-width:1px 2px 3px 4px

border-style: groove double dashed solid

border-style: #000 #0fh #250 #fff