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

Dreamweaver
Dreamweaver构建Blog全程实录(1)-BLOG功能简介
Dreamweaver构建Blog(2)-构建开发环境
Dreamweaver构建Blog全程实录(3)-数据库的设计和连接
Dreamweaver构建Blog全程实录(4)-首页的实现
Dreamweaver构建Blog全程实录(5)-分栏及回复的实现
Dreamweaver构建Blog全程实录(6)-用户注册的实现
Dreamweaver构建Blog全程实录(7)-用户登录的实现
Dreamweaver构建Blog全程实录(8)-管理员页面的实现
Dreamweaver构建Blog全程实录(9)-站点统计
Dreamweaver构建Blog全程实录(10):事件日历
Dreamweaver构建Blog全程实录(11)-站内搜索
Dreamweaver构建Blog全程实录(12)-上传安装
Dreamweaver便捷技巧方法
Dreamweaver快速制作细边线表格
修改注册表解决Dreamweaver乱码问题
DreamweaverMX技巧之超链接
在DreamWeaver中应用CSS样式表技巧两则
用Dreamweaver MX建立一个简单的图书查询系统
Dreamweaver层使用八定律
下拉菜单全攻略之Dreamweaver篇

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


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

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



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


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





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





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