在网页中应用最广泛的就是表格了,作出一个漂亮的表格会为网页增色不少,而其中表格的边框就是很
重要的部分。新手在用表格时,总是发现自己作出来的表格边框很粗,不如人家的漂亮,这里介绍两种方法。
在介绍制作极细表格边框的方法之前,我们先来看一下有关标识的作用:
border:指定表格边框的厚度,单位为像素,数值为0表示表格不显示边框;
bordercolor:指定表格边框的颜色,可用颜色名或十六进制rgb值;
bgcolor:指定背景颜色,可用颜色名或十六进制rgb值;
cellspacing:指定相邻单元格边框的间距;
cellpadding:指定表格单元格与内容之间的间距;
bordercolordark:指定表格三维边框的深色颜色,可用颜色名或十六进制rgb值;
bordercolorlight:指定表格三维边框的浅色颜色,可用颜色名或十六进制rgb值。
方法一:
注意事项:
1、border、cellspacing和cellpadding的设置不可更改;
2、表格边框的颜色实际上是由bordercolordark指定的;
3、bgcolor和bordercolorlight指定的颜色应该与表格外的区域的颜色一致。
方法二:
|
注意事项:
1、这种方法实际上是两个表格嵌套来实现极细表格边框;
2、两个表格中的border、cellspacing和cellpadding的设置都不可更改;
3、第一个表格中除了嵌套的第二个表格,不能有任何其他内容(包括空格);
4、显示出来的表格边框颜色实际上由第一个表格的背景色bgcolor来指定;
5、第二个表格的单元格tr必须指定背景色bgcolor,而且背景色必须与表格外的区域的颜色一致。
想你这样的代码写完之后,最好是把那段代码的结果用图片贴上去吗
人家就好参考吗。你说是 拨 (也就是这张表了)
有道理!
呵呵,谢谢你的建议,以后这种文章一定贴图!
hao qi ren o [confused][disinclined][question][confused]
[cry]
hao qi ren o [confused][disinclined][question][confused]