当前位置: 首页 > 图文教程 > 网页制作 > Dreamweaver > DreamWeaver表格妙用-线框制作详解(2)

Dreamweaver
DW MX实例二:快速建立站点
DW MX实例三:巧用框架建立网站
DW MX实例四:嵌入式框架的妙用
DW MX实例五:模板构建和更新网站
DW MX实例:利用表格美化页面
DW MX实例:制作弹出菜单
DW MX实例:多彩文字链接
DW MX实例:个性化 IE 滚动条
DW MX实例:极酷的鼠标外观
DW MX实例:特色分隔线
DW MX实例:网站个性小图标
DW MX实例:构建Java插入模块
DW MX实例:图片应用技巧
DW MX实例:地图链接综合实例
DW MX实例:网页过渡特效
DW MX实例:实现全景图浏览
DW MX实例:插入Flash按钮与文本
DW MX实例:插入交替图像按钮
DW MX实例:添加透明背景的Flash
DW MX实例:Flash个性播放界面

Dreamweaver 中的 DreamWeaver表格妙用-线框制作详解(2)


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-11-23   浏览: 38 ::
收藏到网摘: n/a

    将Width的显示状态从“Percent”更改为代表实际大小的“Pixels”,这样避免在窗口放缩时引起的错乱,OK,同时在网页编辑窗口中用鼠标选定表格,属性板如下:



  这是默认状态下的表格属性设置,将其中的“Border”,“CellPad”,“CellSpace”值全部设定为0。


  鼠标在表格内部空点,这时属性板已经自动切换到单元格的属性设置窗口,将单元格的“Bg”设定为“红色”(为最终细线的颜色,可自由设置),同时把“H”设置为“1”,如图





  单击编辑窗口左上的“Show code view”按钮进入源代码窗口,将代码<td></td>之间的“ ”去掉,现在可以看看效果了。





  此外,你可以通过调整表格的“Width”值控制细线的长度。类似的方法,还可以制作出竖幅细线。