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

html-css019

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这样把他的表格边框遮住。。

CSS表格属性用于设置HTML表格的样式，HTML表格由 <table></table> 标签嵌套 <tbody>， <tr>， <td>等标签组成，一个HTML表格默认至少包含table，tbody，tr，td四个元素。

CSS表格属性：

显示表格边框有时候特别重要，它能让表格结构更清晰。

默认的表格有双边框，这是因为表和th/ td元素有独立的边界。border-collapse 属性设置表格的边框是否被折叠成一个单一的边框或隔开。