电脑设备 - 网络编程 文章类 软件类
好好999
 | 网站首页 | 网络编程语言 | 星座情感文章 | 特殊软件下载 | 站长工具天下 | 
百度热门搜索: kappa女员工  网络成瘾诊断标准  2009无线节目巡礼  央视女主播柴璐  东楼kappa女 08万千星辉颁奖典礼 刘雯雯 芙蓉姐姐自杀 更多...
您现在的位置: 学习网 > 网络编程语言 > Dreamweaver > 正文
 | 网络编程语言首页 | Dreamweaver | Html | Asp | Jsp | Php | Asp.net | Css | Javascript | Access | Mysql | Mssql | Oracle | Domain | Mainframe |
最 新 热 门
普通文章Dreamweaver高级应用上
 
频 道 推 荐
普通文章Ultradev实例教程(2)
普通文章Dreamweaver 8中文版图文快报
普通文章玩转 Dreamweaver8.0:速记 CSS 属性
普通文章聚焦 DreamWeaver MX 2004
普通文章Ultradev实例教程(1)
普通文章Dreamweaver MX 2004从零开始(5)
普通文章在Dreamweaver中轻松实现滑动折叠菜
普通文章初学解惑:常用CSS样式图文设置教程
普通文章用Dreamweaver自己动手制作网页活动
普通文章Dreamweaver教程:层及其应用
普通文章Dreamweaver教程:发布网站
普通文章Dreamweaver教程:定义站点
普通文章Dreamweaver 基础 :DW的文档工具栏
普通文章Dreamweaver 基础:了解DW的状态栏
普通文章玩转Dreamweaver 8:了解CSS层叠样
普通文章玩转Dreamweaver 8.0:属性检查器和
普通文章Dreamweaver MX 2004从零开始-用表
普通文章Dreamweaver MX 2004从零开始-超链
普通文章Dreamweaver MX 2004从零开始(1)
普通文章DHTML实例解析:用HTC统一定制表单样
 
频 道 推 广
 
巧用背景颜色和间距快速制作出细边线表格           ★★★
巧用背景颜色和间距快速制作出细边线表格
作者:佚名 文章来源:本站整理 更新时间:2007-12-19 12:39:58
在Dreamweaver中插入一个表格,若设置其“边框(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,“边距”和“间距”可以根据需要设置或不设置,其他属性可不进行设置。

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

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

更多精彩:学习网->http://www.haohao888.com.cn 网络编程->http://www.51wlpc.com 电脑设备->http://www.xpmaster.cn
文章录入:admin    责任编辑:admin 
  • 上一篇文章:

  • 下一篇文章:
  • 相 关 文 章
    Dreamweaver MX 2004 入门教程之实用技巧
    Dreamweaver MX 2004 行为之改变对象属性
    Dreamweaver MX 2004 代码编辑功能
    Dreamweaver MX 2004 CSS背景属性
    Dreamweaver MX 2004 CSS边框属性
    Dreamweaver MX 2004 CSS滤镜介绍(1)
    Dreamweaver MX 2004 CSS滤镜介绍(2)
    DropShadow属性、Chroma属性和blur属性效果
    Invert属性、Glow属性和FlipH、FlipV属性
    让网页中的字体美起来
    使用CSS设置段落首字下沉
    CSS的滤镜效果(1)
    CSS边框的设定方法
    背景图的详细设定
    带你了解样式表滤镜(二)
    HTML的基本元素
    HTML快速参考--结构标记
    用好HTML的表格标记
    表格(Table)
    版面风格控制
    | 设为首页 | 加入收藏 | 投搞邮箱 | 友情链接 | 网站公告 | 版权申明 | |
    魔兽世界私服 - 魔兽世界私服 - 魔兽世界私服 - 魔兽世界私服 - 劲舞团私服 - 劲舞团私服 - 劲舞团私服 - 劲舞团私服 - 劲舞团私服 - 劲舞团私服 - 劲舞团私服 - 完美世界私服 - 传奇私服 - 变态传奇私服 - 及时雨外挂 - 热血传奇私服

    有事请点这里

    有事点这里

    copyright: 2007-2008 haohao888.com.cn 粤ICP备08105098号