网络编程 | 站长之家 | 网页制作 | 图形图象 | 操作系统 | 冲浪宝典 | 软件教学 | 网络办公 | 邮件系统 | 网络安全 | 认证考试 | 系统进程
Firefox | IE | Maxthon | 迅雷 | 电驴 | BitComet | FlashGet | QQ | QQ空间 | Vista | 输入法 | Ghost | Word | Excel | wps | Powerpoint
asp | .net | php | jsp | Sql | c# | Ajax | xml | Dreamweaver | FrontPages | Javascript | css | photoshop | fireworks | Flash | Cad | Discuz!
当前位置 > 网站建设学院 > 网页制作 > Dreamweaver
网页制作:Dreamweaver教程,FrontPages教程,Javascript教程,HTML教程,CSS教程,心得技巧,DHTML教程,网页特效,Discuz!论坛
本月文章推荐
.在DW中插入Flash的参数详解.
.经验分享:网页设计中实用的制作.
.用Dreamweaver MX建设神奇网页图.
.巧妙运用DW进行网页制作技巧.
.DreamWeaver表格妙用-线框制作详.
.Ultradev实例教程:3.2 创建数据库.
.Dreamweaver CS3 最新功能描述.
.下拉菜单全攻略之Dreamweaver篇.
.浅析DW4中的站点管理.
.Dreamweaver查找替换的技巧.
.Dreamweaver8对网站文件进行检查.
.Dreamweaver 4 简明教程(四、从最.
.Ultradev实例教程:3.5 编辑数据库.
.让你的主页声色并茂—巧为网页添.
.Dreamweaver构建Blog全程实录(12.
.PHP和ASP在Dreamweaver 8中调用I.
.Dreamweaver MX 2004从零开始(7).
.细品Dreamweaver MX内建FW技术.
.DreamweaverMX打造留言本(四).
.使网页随浏览器伸展.

Dreamweaver快速制作细边线表格

发表日期:2005-5-30


  作者:古燕莹

  在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,“边距”和“间距”可以根据需要设置或不设置,其他属性可不进行设置。

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

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

上一篇:Dreamweaver便捷技巧方法 人气:21861
下一篇:修改注册表解决Dreamweaver乱码问题 人气:15019
浏览全部Dreamweaver的内容 Dreamweaver插件下载 网页广告代码 祝你圣诞节快乐 2009年新年快乐