边框是1px表格

最近才发现设置表格border为一的时候 实际上是2px 事实证明边框是叠加的

用了一个很笨的办法总算得到1px的边框

就是设置table的上边框的宽度border-top-width:1px 左边框的 border-left-width:1 px;

然后设置内表格的border的右下为一个像素 问题解决

<table id="table1">

<tr>

<td>第一个格

</td>

</tr>

<tr>

<td>第二个格

</td>

</tr>

 另一种方法

设置表格cellspacing=1 px 设置表格bgcolor=想要的边框颜色  设置表格行背景色为网页背景色以表现边框色

感觉上cellspacing像是margin不过不会叠加的margin

 

传统的内嵌式的样式声明 和 表现不太一样

如 <table border=1..> 与<table style="border:1px ...">

效果不一样  前者会使  整个表格 包括单元格的border为1 后者只是将table的外壳设置为border1

如果是链接样式的话 如#tableid 什么的设置后效果也如后者 样式表是细化了的

由此看table 标签如一个框 是表格内容的容器

 

事实上tr与td的关系 与table与其内容的关系通(tr不支持边框背景色支持)