首页 详细查询虚拟主机 选机助手1.1 虚拟主机评测 免费虚拟主机 论坛
虚拟主机知识 站长工具 搜索优化(SEO) 建站技术 WEB服务器技术 开发日志
搜虚机

澳门 台湾 上海 广东 山东 福建 江苏 浙江 重庆 河北 河南 黑龙江 吉林 辽宁 内蒙古 海南 山西 陕西 安徽 江西 甘肃 新疆 湖北 湖南 云南 广西 宁夏 贵州 青海

  "钓爱搜索"热词: 100 100M 电信 jsp 网通 虚拟主机 网通 虚拟主机 双线 上海 电信 100M
收录家公司款主机!

免注册添加产品|免注册发布供求信息| 免费注册VIP| 登录

  巧用背景颜色和间距快速制作出细边线表格           ★★★ 【字体:
巧用背景颜色和间距快速制作出细边线表格
作者:佚名    文章来源:本站原创    点击数:    更新时间:2007-10-7    
在中插入一个表格,若设置其“边框(Border)”为1,预览时其边框线较粗。对于不熟悉HTML语言的网页制作者,如何快速制作出细边线的表格呢?下面,我给大家介绍一个小技巧——巧用背景颜色和间距制作细边线表格。

  以制作一个4行3列、边框线为红色细线的表格为例:

  Step 1 在Dreamweaver的设计视图中插入一个4行3列的表格。

  Step 2 在“属性”面板中设置此表格的属性如下:边距(CellPad)根据需要自行设置值(例如10);间距(CellSpace)为1;边框(Border)为0;背景颜色(Bg Color)为红色。

  Step 3 选中此表格的所有单元格,在“属性”面板中设置所有单元格的属性如下:背景颜色(Bg)为白色或红色以外的颜色。

  最后,保存网页,按F12预览。怎么样,一个4行3列的红色细线表格是不是呈现在你面前?

  另外,如果我们照常想用表格来布局定位,但只要外边框线显示为细线,而内部单元格的分隔线不显示的效果,则可以配合使用嵌套表格。下面以表格外边框线为红色细线为例来说明操作方法:

  Step 1 在Dreamweaver的设计视图插入一个1行1列的表格。

  Step 2 在“属性”面板设置此表格的属性如下:“边距”根据需要自行设置(例如5):“间距”为1:“边框”为0:“背景颜色”为红色。

  Step 3 选中此表格唯一的单元格,在“属性”面板设置此单元格的“背景颜色”为白色或红色以外的其他颜色。

  Step 4 将光标定位在此1行1列的表格中,根据需要插入一个几行几列的嵌套表格,此嵌套表格的“边框”一定设置为0,“边距”和“间距”可以根据需要设置或不设置,其他属性可不进行设置。

  这样,我们就可以在嵌套表格的不同单元格内插入文字、图片等其他网页元素了。

  是否有点动心了?赶快试试吧!

文章录入:admin    责任编辑:admin 
  • 上一篇文章:

  • 下一篇文章:
  • 发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口
    最新热点 最新推荐 相关文章
    没有相关文章
      网友评论:(只显示最新10条。评论内容只代表网友观点,与本站立场无关!)
    ©2007-2008 SouXuji.com & HostDB.cn. All rights reserved. | 交换链接 | 广告赞助| 联系我们 | 站点地图
    Email:Souxuji@yahoo.com.cn 客服QQ:610413895

    网络收藏夹 航123自助链

    速搜全球 新新web2.0

     

    孙悟空 友情链接