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

Dreamweaver
Dreamweaver4探谜系列(1)
自己动手用Dreamweaer制作活动菜单条
DreamWeaver经典技巧四则
网页制作小技巧:还网页链接“清白”
如何批量消除网页连接上的“虚线框”
Dreamweaver使用中的常见问题与解答
使用Dreamweaver便捷技巧方法十六则
Dreamweaver技巧50问
定义本地站点
友情连接地址代码-线线表格
Dreamweaver技巧十二招
制作会移动的广告条
Dreamweaver MX技巧之超链接
Dreamweaver制作网页幻灯片效果
在Dreamweaver MX中应用“占位图形”
巧用Dreamweaver MX设计导航栏特效
不要跳转或刷新 实现网页区域选择显示
使用Dreamweaver MX表格排序功能
用Dreamweaver制作活动菜单条
Dreamweaver制作网页实用七小招

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


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

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

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

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

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

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

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

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