日期:2014-05-17  浏览次数:20455 次

html表格边框问题
border:solid 1px #0099FF;
<table cellspacing="0">
这样设置的表格看最外面的边框都很细··一条实线
可是单元格之间的距离实际是2条实线··
怎么拿内部相连的单元格距离也是一条实线

------解决方案--------------------
td{border:solid red 1px}
------解决方案--------------------
td{ border-right:1px solid #000; border-bottom:1px solid #000;}
table{border:1px solid #000;border-right:0;border-bottom:0;}


<table cellspacing="0" width="100px;">
<tr><td>1</td><td>2</td></tr>
<tr><td>3</td><td>4</td></tr>
</table>
------解决方案--------------------
<style>
table{
border-collapse: collapse;/* 边框合并属性 */
}
th{
border: 1px solid #666666;
}
td{
border: 1px solid #666666;
}
</style>
------解决方案--------------------
HTML code
<table  width="100%" border="0" cellpadding="0" cellspacing="0"></table>