Question

HTML语言border属性如何设置只显示外边框啊？

就是说table的border属性如果设置为1，则显示边框，可是这样设置则表格所有的边框都显示了，我想知道怎样只显示最外边的边框，而里面的边框不显示~请问table有这样的属性么？谢谢了~

Answer 1

<tablewidth=”200″border=”0″style=”border:1pxsolid#000000;”>

<tr>

<td></td>

</tr>

<tr>

<td></td>

</tr>

<tr>

<td></td>

</tr>

</table>

那个style就是只有外边框，如果直接border就是表格的所有边框。

border-style:solid;

border-color:Lime;（颜色）

扩展资料

HTML<table>标签的border属性，表格周围的边框设置为8像素宽：

<tableborder="8">

<tr>

<th>Month</th>

<th>Savings</th>

</tr>

<tr>

<td>January</td>

<td>$100</td>

</tr>

</table>

Answer 2

要实现只有外边框，不光要设置 table 的属性，还要设置 td, th 的属性，用 css 设置 table 内部所有 td, th 的 style 比较方便，每个标签都写 style 属性很费事。

其实，光是外边框，你可以用一种更简单的方法，在外面套一个有 border 的 div，然后table 的 border 设为 0。

<div style="border: 1px solid;width:100px;">
<table border="0" width="100%">
<tr>
<td>AAA</td>
<td>BBB</td>
</tr>
<tr>
<td>CCC</td>
<td>DDD</td>
</tr>
</table>
</div>

Answer 3

可以实现，单元格的边框颜色和单元格的背景颜色一致即可！

例如：

修改前：

<table width="200" border="1" bordercolor="#FF0000">
<tr>
<td bgcolor="#FFFFFF">单元格1</td>
</tr>
<tr>
<td bgcolor="#FFFFFF">单元格2</td>
</tr>
</table>

以红色为边框颜色的二行一列表格

修改后：

<table width="200" border="1" bordercolor="#FF0000">
<tr>
<td bgcolor="#FFFFFF" bordercolor="#FFFFFF">单元格1</td>
</tr>
<tr>
<td bgcolor="#FFFFFF" bordercolor="#FFFFFF">单元格2</td>
</tr>
</table>

表格的边框颜色依然为红色，但单元格的边框颜色设为和单元格背景色一致，这时我们就只能看到最外面的表格边框了。

还有一种方法，就是先定义CSS，再使用CSS：

例如：

定义CSS

<style type="text/css">
<!--
.table{

border-color:#000000;
}
.td{
border:0px;
}
-->
</style>

使用CSS：

<table width="200" border="1" bordercolor="#FF0000" class="table">
<tr>
<td bgcolor="#FFFFFF" class="td">单元格1</td>
</tr>
<tr>
<td bgcolor="#FFFFFF" class="td">单元格2</td>
</tr>
</table>

也可以实现你说的效果

两种方法，我倾向于后者。

Answer 4

css样式border边框是针对块而言，而不是针对表格，不存在内外之分，直接

<table style="border：1px solid black;">