专注于discuz,uchome,dedecms等各类PHP程序仿站(二次开发和模板制作)。

« »
2014-02-12CSS+HTML

3,892 阅读

表格table添加边框border不重叠

先看效果图:


直接上代码:

<style type=”text/css”>
table,th,td { border: 1px dashed #FF0000;}
table{border-width: 1px 0 0 1px;}
th,td{border-width:0 1px 1px 0;}
tr{border: none;}
</style>
<table width=”100%”  cellspacing=”0″ cellpadding=”0″ align=”center”  >
<tr>
<th scope=”col”>&nbsp;</th>
<th scope=”col”>&nbsp;</th>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
</table>

再说一下代码,很简单,先设置表格,单元格边框。然后再把表格右(right)、底(bottom)边框设置为0,把单元格上(top)、左(left)边框设置为0即可。

原创文章如转载,请注明:转载自火跃工作室
本文网址:http://www.huoyue.org/table-border-collapse

日志信息 »

该日志于2014-02-12 10:37由 火跃 发表在CSS+HTML分类下, 评论已关闭。

相关日志 »

  • 暂无相关日志

没有评论

抱歉,评论被关闭