以文本方式查看主题 - ╋艺 镇╋ (http://zyzsky.com/bbs/index.asp) -- ┣◇网站建设&Web语言 (http://zyzsky.com/bbs/list.asp?boardid=4) ---- 超细边框表格的简单制作 (http://zyzsky.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> 效果: 怎么样?简单吧? |