论坛

标题: 关于表格的一个小技巧 [打印本页]

作者: 蓝璇梦幻    时间: 2017-2-6 15:50
标题: 关于表格的一个小技巧
老师,请问一下您所说的table标签设置bgcolor为表格线条的颜色,然后td单元格设置bgcolor为白色覆盖了灰色的部分,然后设置cellspacing为1,应该就能透出线条的颜色了,但是我设置1没有反应,只有设置2才出现1px的线条,那是怎么一回事?
  1. <table width="877" align="center" border="0" cellpadding="0" cellspacing="2" bgcolor="#eee">
  2.     <tr>
  3.         <td width="439" height="157" bgcolor="#fff"><a href="http://www.jd.com"><img src="images/left1.jpg"/></a></td>
  4.         <td width="219" height="157" bgcolor="#fff"><a href="http://www.jd.com"><img src="images/right1.jpg"/></a></td>
  5.         <td width="219" height="157" bgcolor="#fff"><a href="http://www.jd.com"><img src="images/right2.jpg"/></a></td>
  6.     </tr>
  7.     <tr>
  8.         <td width="439" height="157" rowspan="2" bgcolor="#fff"><a href="http://www.jd.com"><img src="images/left2.jpg"/></a></td>
  9.         <td width="219" height="157" bgcolor="#fff"><a href="http://www.jd.com"><img src="images/right3.jpg"/></a></td>
  10.         <td width="219" height="157" bgcolor="#fff"><a href="http://www.jd.com"><img src="images/right4.jpg"/></a></td>
  11.     </tr>
  12.     <tr>
  13.         <td width="219" height="157" bgcolor="#fff"><a href="http://www.jd.com"><img src="images/right5.jpg"/></a></td>
  14.         <td width="219" height="157" rowspan="2" bgcolor="#fff"><a href="http://www.jd.com"><img src="images/right6.jpg"/></a></td>
  15.     </tr>
  16.     <tr>
  17.         <td width="439" height="157" bgcolor="#fff"><a href="http://www.jd.com"><img src="images/left3.jpg"/></a></td>
  18.         <td width="219" height="157" bgcolor="#fff"><a href="http://www.jd.com"><img src="images/right7.jpg"/></a></td>

  19.     </tr>

  20. </table>
复制代码




作者: 潜意式    时间: 2017-2-6 18:05
设置2就是2px了哦,你预览之后看一下,可能是视图中没有显示出来。细线表格的线需要比较细看起来才精致。
作者: 蓝璇梦幻    时间: 2017-2-8 13:55
潜意式 发表于 2017-2-6 18:05
设置2就是2px了哦,你预览之后看一下,可能是视图中没有显示出来。细线表格的线需要比较细看起来才精致。 ...

我知道设置2就是2px,但是设置1px的话,我在火狐和chrome浏览器上都看不到有线,如果我设置了2px,反而会有1px的线出来,我后面是截图在PS里面看的




欢迎光临 论坛 (http://bbs.qinxue.com/) Powered by Discuz! X3.1