通行证: 用户 密码 域名空间  下载中心 社区论坛 信息公告 my小屋
联系我们
设为首页
加入收藏

 

qq,asp,php,jsp,xml,sql,.net,编程 程序 网页图象 建站经验 私服
首页 | 新闻资讯 | 编程开发 | 网页设计 | 图形图象 | 网络媒体 | 网站模板 | 数 据 库 | 投稿
论坛 | 操作系统 | 系统优化 | 网络安全 | 黑客技术 | 硬件学堂 | 硬件报价 | 服 务 器 | 地图
专题 | 应用软件 | 聊天通讯 | q q 专栏 | 建站经验 | 在线工具 | 站长club | 注 册 表 | 旧版
社会 | 游戏娱乐 | 设计欣赏 | 疑难解答 | 社区论坛 | 韩国素材 | 素材图库 | 广告服务 | 服务
当前位置:首页>>网页设计>>dreamweaver>>正文 新版上线![旧版]
注:打开慢时请稍等

在网页中实现细线边框的两种方法

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
特别声明: 本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载,但请务必注明出处和原始作者。文章版权归文章原始作者所有。对于被本站转载文章的个人和网站,我们表示深深的谢意。如果本站转载的文章有版权问题请联系编辑人员,我们尽快予以更正。

 相关文章
最新更新 热点排行 推荐新闻
使用dreamweaver实现交替图像按钮制作
多种形式的网页弹出窗口代码
在网页中实现细线边框的两种方法
dreamweaver中层的应用技巧
网站建设容易被忽视的问题
使用dreamweaver实现交替图像按钮制作
多种形式的网页弹出窗口代码
在网页中实现细线边框的两种方法
dreamweaver中层的应用技巧
网站建设容易被忽视的问题
dw mx实例:动态广告管理
dreamweaver制作网页之图片应用技巧
网页设计制作九大“要点”
dreamweaver轻松实现网页中透明flash效
修改注册表解决dreamweaver乱码问题
表格边框魔鬼教程
驯服不听话的网页表格
dreamweaver的行为事件
dreamweaver制作网页幻灯片效果
dreamweaver制作网页幻灯片效果
优秀公益广告作品欣赏(8)
qq最新版下载 2006 beta2 体验新感受 
java数据类型转换
windows xp专业版iis连接数的更改
优秀公益广告作品欣赏(7)
office2007简体中文版浮出水面 美图抢
qq密码破解程序
优秀公益广告作品欣赏(6)
优秀公益广告作品欣赏(4)
优秀公益广告作品欣赏(5)
dreamweaver mx 2004从零开始(1)
在asp.net中防止注入攻击
用asp.net开发web服务的五则技巧
linux操作系统12则经典应用技巧
浅谈linux优化及安全配置的个人体会
解决局域网不能互相访问之全攻略
win 2000简单的入侵常识
用win 2003架设邮件服务器
硬盘分区消失,解决方法!
传统计算机病毒传播能力破坏性在提高
内存为何有“两面性”
 友情链接
设置首 页 - 版权声明 - 广告服务 - 关于我们 - 联系我们 - 友情连接
copyrights © 2004-2006 iyit.net all rights reserved.
网站合作、广告联系qq:147007642、466949678
易特网络技术 点击这里给我发消息