html网页设计表格,如何通过css让表格只有外边框,而没有内边框?或者只有内边框,而没有外边框？

html-css066

html网页设计表格,如何通过css让表格只有外边框,而没有内边框?或者只有内边框,而没有外边框？,第1张

table{\x0d\x0aborder:1px solid #000/*黑色1像素粗边框*/\x0d\x0a}\x0d\x0atd{\x0d\x0aborder:none/*这个是单元格，不给他要边框*/\x0d\x0a}\x0d\x0a以上是全局的，用了以后所有的表格都是这个样式。\x0d\x0a如果你要给特定的表格加入这个样式：\x0d\x0a1 给那个表格加上class='classname' （classname是你自己起的样式名）\x0d\x0a2 然后在CSS里加上\x0d\x0a.classname{\x0d\x0aborder:1px solid #000/*黑色1像素粗边框*/\x0d\x0a}\x0d\x0a.classname td{\x0d\x0aborder:none/*这个是单元格，不给他要边框*/\x0d\x0a}\x0d\x0a\x0d\x0a只有内边框没有外边框的话，我就只会用赖皮的方法：给table外面套一个overflow:hidden的div，宽度和高度比table小2px，给table加上margin-left:-1pxmargin-right:-1px这样把他的表格边框遮住。。

目的：

只对table标签设置边框样式，将让此表格最外层table一个边框，而表格内部不产生边框样式。

解决办法： <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>DIVCSS5</td> 

<td>www.divcss5.com</td> 

<td>CSS学习</td> 

</tr> 

<tr> 

<td>CSS5</td> 

<td>www.css5.com.cn</td> 

<td>CSS切图</td> 

</tr> 

</table> 

</div>

<table width="200" cellspacing="0" cellpadding="0">

<tr align="center">

<td style=" BORDER-bottom:#000000 1px solid BORDER-right: #000000 1px solid">细</td>

<td style=" BORDER-bottom:#000000 1px solid ">表</td>

</tr>

<tr align="center">

<td style=" BORDER-right:#000000 1px solid">线</td>

<td >格</td>

</tr>

</table>