╋艺 镇╋╋网站网络|程序语言|Flash╋┣◇网站建设&Web语言 → 超细边框表格的简单制作


  共有19399人关注过本帖树形打印复制链接

主题:超细边框表格的简单制作

美女呀,离线,留言给我吧!
admin
  1楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信 司令 亲民勋章
等级:管理员 帖子:3027 积分:27521 威望:0 精华:7 注册:2003/12/30 16:34:32
超细边框表格的简单制作  发帖心情 Post By: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>

效果:





怎么样?简单吧?



  
“艺镇”官方站:www.zyzsky.com QQ群:1221854  回到顶部