找回密码
 注册
首页 ≡≡网络技术≡≡ WEB前端 如何做只有像1个像素宽的表格边框线

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

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

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

<>我喜欢设置为0,就是不要表格线</P><>&nbsp;</P><>&nbsp;</P>
您需要登录后才可以回帖 登录 | 注册
学习中心
站长自定义文字内容,利用碎片时间,随时随地获取优质内容。
Q设计语言 了解更多
Q Design 提供商家设计所需的指导与资源,帮商家快速完成产品设计、降低生产成本。
学习中心
站长自定义文字内容,利用碎片时间,随时随地获取优质内容。
Q设计语言 了解更多
Q Design 提供商家设计所需的指导与资源,帮商家快速完成产品设计、降低生产成本。