以文本方式查看主题

-  ╋艺 镇╋  (http://wdystv.com/bbs/index.asp)
--  ┣◇网站建设&Web语言  (http://wdystv.com/bbs/list.asp?boardid=4)
----  超细边框表格的简单制作  (http://wdystv.com/bbs/dispbbs.asp?boardid=4&id=1433)

--  作者:admin
--  发布时间:2008/5/5 10:15:58
--  超细边框表格的简单制作
因为手动制作黑马在线动力精华版,需要用大量的表格来进行布局,对超细边框表格的制作有些体会,最简单的方法是:设置table和td的bordercolor。

先来看看这样的代码和效果:表格的border为1,bordercolor值取black。

<table align=center border=1 cellpadding=0 cellspacing=0 width=300 height=200 bordercolor=black><tbody><tr><td border=1></td></tr></tbody></table>



可以看得出来,边框显得很粗。这是因为,当table的border设置为1时,td的border也跟着1,于是,实际边框就出现叠加现象,两个象素的边框自然显得比较粗了。解决的办法很多,这里只介绍黑马认为比较简单的方法:再设置td的bordercolor的颜色值。取值的规律是:与表格背景色一致。

代码:

<table align=center border=1 cellpadding=0 cellspacing=0 width=300 height=200 bordercolor=black><tbody><tr><td bordercolor=white></td></tr></tbody></table>

效果:





怎么样?简单吧?