当前位置: 首页 > 图文教程 > 网页制作 > Dreamweaver > Dreamweaver MX进阶教程(十六)制作可拖动表格

Dreamweaver
DW MX实例:制作电子相册
DW MX实例:随机播放背景音乐
DW MX实例:制作滚动布告栏
DW MX实例:制作滚动链接层
DW MX实例:设置状态栏信息
DW MX实例:插入Anfy Java特效
DW MX实例:数据库的连接
DW MX实例:验证用户注册
DW MX实例:制作产品展示厅
DW MX实例:给产品下订单
DW MX实例:实现产品搜索
DW MX实例:网站在线调查统计
DW MX实例:BLOG 日历事件
DW MX实例:随笔管理及评论实现
DW MX实例:在线音乐网站
DW MX实例:动态广告管理
DW MX实例:客房预订业务
在网页中插入视频播放代码全集
用DW制作网页七招实用技巧
DW精细化网页中表格的外观

Dreamweaver MX进阶教程(十六)制作可拖动表格


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

在中,给表格增加css定位,表格就变得象“层”一样可拖动。

1.在文档中插入一个表格。

2.选中表格,在属性面板上,为表格设置一个id名称。实例中输入f1。

3.打开css样式面板,单击“新建css样式”按钮。

4.在“新建css样式”对话框中,类型中选择“使用CSS选择器”,在选择器中,输入#加上id名称。实例中输入#f1。

5.在“定义”类别中,选择定位类型为“绝对”,在“定位”框中,“左”和“上”输入数值。按“确定”按钮完成CSS设置。

6.在文档中,表格变得象“层”一样可拖动。