| 域名空间 下载中心 社区论坛 信息公告 my小屋 |
![]() |
联系我们 设为首页 加入收藏 |
|
首页 | 新闻资讯 | 编程开发 | 网页设计 | 图形图象 | 网络媒体 | 网站模板 | 数 据 库 | 投稿 论坛 | 操作系统 | 系统优化 | 网络安全 | 黑客技术 | 硬件学堂 | 硬件报价 | 服 务 器 | 地图 专题 | 应用软件 | 聊天通讯 | q q 专栏 | 建站经验 | 在线工具 | 站长club | 注 册 表 | 旧版 社会 | 游戏娱乐 | 设计欣赏 | 疑难解答 | 社区论坛 | 韩国素材 | 素材图库 | 广告服务 | 服务 |
| 新版上线![旧版] | |||||
注:打开慢时请稍等
在网页中实现细线边框的两种方法http://www.iyit.net 日期:2006-6-3 19:55:30 来源: 点击: |
谈到细边框,本人认为大致有两种制作方法,第一种是用表格的嵌套,第二种是用css强制定义。 如何用表格嵌套呢?大家都知道,用bgcolor可以在表格中任意定义表格的背景颜色,用cellspacing可以控制表格单元的额外空间,如果定义两个表格,把其中一个的表格背景设为全黑,然后在这个表格中嵌套定义另外一个表格,背景设为全白,并且把weight=100%。这时,两个表格是重叠的,但是,如果把背景为黑色的那个表格再定义一个cellspacing=1。那么就是说,黑色的表格比白色的表格多出了一个像素的外围空间,而白色的表格又在黑色表格之上,从而达到细边框的效果。源代码如下: 〈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;"〉 〈/td〉 〈/tr〉 〈/table〉 编辑:黑鹰 [发送给好友] [打印本页] [关闭窗口] [返回顶部] 上一篇:dreamweaver中层的应用技巧 下一篇:多种形式的网页弹出窗口代码 转载请注明来源:www.iyit.net 特别声明: 本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载,但请务必注明出处和原始作者。文章版权归文章原始作者所有。对于被本站转载文章的个人和网站,我们表示深深的谢意。如果本站转载的文章有版权问题请联系编辑人员,我们尽快予以更正。 |
| 相关文章 | ||||
| 友情链接 | ||||||
| 设置首 页 - 版权声明 - 广告服务 - 关于我们 - 联系我们 - 友情连接 |
| |||||||