css中怎么使table的内部边框显示出来?

html-css0127

css中怎么使table的内部边框显示出来?,第1张

目的:

只对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{ border-collapse:collapse} //去掉表格的间隙

table th,table td{ border:1px solid #eee} //给表格的标题和单元格的边框设置为1像素颜色是#eee的实线

做个任务求采纳

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