当前位置: 电脑软硬件应用网 > 设计学院 > 网页设计 > 正文 |
|
|||
在网页中实现“细线边框”的两种方法 | |||
2005-12-30 18:59:45 文/45IT收集 出处:电脑软硬件应用网 | |||
很多朋友都有过制作网页的经历,如今,众多网页的设计都用到了表格。这样不仅有利于网页的维护,同时,提高了网页的观赏性。在众多网页制作风格中,细边框这个制作方法是必不可少的。这里,我将简单地谈一下细边框的制作方法。 谈到细边框,本人认为大致有两种制作方法,第一种是用表格的嵌套,第二种是用CSS强制定义。 〈table border="0" cellpadding=0 cellspacing=1 bgcolor=black〉 〈tr〉 〈td〉 〈table width="100%" border="0" cellpadding=0 cellspacing=0 bgcolor=white〉 〈tr〉 〈td〉 〈/td〉 〈/tr〉 〈/table〉 〈/td〉 〈/tr〉 〈/table〉 第二种比较简单,那就是用CSS(层叠样式表)强制定义,但是,有些比较老的浏览器不支持CSS,可能导致无法显示你所要求的效果。不过使用CSS定义,语句非常简洁,所作网页的容量也较小。它的操作方法是,在表格的最外围的相应最小单元的〈td〉标签中定义style="BORDER-postion: black 1px solid;",其中,Postion的参数有Left、Right、Top和Bottom,分别表示在单元的左、右、上、下显示一条1个像素宽的实线条。 源代码如下: 〈table border="0" bgcolor=white〉 〈tr〉 〈td style="BORDER-left: black 1px solid; BORDER-top: black 1px solid;"〉 〈/td〉 〈td style="BORDER-top: black 1px solid; BORDER-right: black 1px solid;"〉 〈/td〉 〈/tr〉 〈tr〉 〈td style="BORDER-left: black 1px solid; BORDER-bottom: black 1px solid;"〉 〈/td〉 〈td style="BORDER-bottom: black 1px solid; BORDER-right: black 1px solid;"〉 〈/tr〉 〈/table〉 |
|||
最新热点 | 最新推荐 | 相关文章 | ||
网页特效代码:仿京东的商品分类导航… 不能屏蔽的网页右下角窗口特效 装载页面进度条代码 链接特效之js做引用文章链接代码 左右移动转换文字特效HTML代码解析 网页页面实现自动刷新的3种代码 网页特效代码:纯css下拉菜单列表 JS特效代码:实现间歇无缝文字滚动特… 文字滚动特效(兼容多浏览器) 网页特效代码:JavaScript显示系统时… |
关于45IT | About 45IT | 联系方式 | 版权声明 | 网站导航 | |
Copyright © 2003-2011 45IT. All Rights Reserved 浙ICP备09049068号 |