灰儿 发表于 2006-8-22 18:41:49

如何做只有像1个像素宽的表格边框线

<P>如何做只有像1个像素宽的表格边框线</P><P>&nbsp; 今天,接到一名网友的提问,如何做只有像1个像素宽的表格边框线,由于在QQ上一时很难说的明白,现做成教程如下:<BR>如果要将表格边框线的宽度定义为1个像素,可能很多朋友觉得很容易,只需将表格的"border"(边框宽度)的值设置为1就可以了,<BR>&nbsp; 其实不然,表格的边框实际是由两部分组成,仅仅定义"border"的值是不行的,不清楚的朋友可以自己去测试一下。那有没有办法做成一个边框线真正为1个像素的表格呢?方法如下:</P><P>第1步:将定义表格边框线宽度的"border"属性设置为0,而将定义表格单元格间据的"cellspace"属性定义为1;<BR>第2步:将表格的背景"bgcolor"定义为黑色(边框线需要什么颜色就定义成什么颜色);<BR>第3步:选取表格的所有单元格,将它们的背景定义为白色。</P><P>&nbsp; 这种方法的关键是利用了定义表格单元格间距"cellspace"属性,将它定义为1个像素,然后将整个表格的背景和表格单元格的背景与页面的背景一致,剩下的就只有单元格之间的空隙是黑色,使得单元格之间的空隙被误认为是表格的边框线了,而这个空隙是可以很精确的定义为1个像素的,这里用的是一种逆向思维的方法实现这种效果的。</P>

寻翅 发表于 2006-8-22 23:39:51

Re:如何做只有像1个像素宽的表格边框线

<P>我喜欢设置为0,就是不要表格线</P><P>&nbsp;</P><P>&nbsp;</P>
页: [1]
查看完整版本: 如何做只有像1个像素宽的表格边框线