您的位置: 首页 > 软件教程 > Dreamweaver实例教程专题 > 在Dreamweaver制作可拖动表格

在Dreamweaver制作可拖动表格

8.2分
出处:网络 时间:2011-07-06

您可能感兴趣的话题: Dreamweaver  

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

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

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

在Dreamweaver制作可拖动表格

插入一个表格

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

在Dreamweaver制作可拖动表格

表格设置一个id名称

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

在Dreamweaver制作可拖动表格

打开css样式面板

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

在Dreamweaver制作可拖动表格

新建css样式

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

在Dreamweaver制作可拖动表格

定位类型为“绝对”

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

在Dreamweaver制作可拖动表格

表格象“层”一样可拖动

网友评论
多特网友 2013-05-27 15:20:00 回复
拖不动,外部链接后没反应。
多特网友 2013-03-15 19:49:21 回复
挺好的,真像层一样
多特网友 2012-12-19 09:50:46 回复
没效果、预览移动不了
多特网友 2012-11-18 22:51:21 回复
我怎么用不了
多特网友 2012-11-13 10:10:46 回复
初学者 学习中
多特网友 2012-12-19 09:50:46 回复
没效果、预览移动不了
多特网友 2012-03-17 19:07:10 回复
初用这个!先吸收下!打打基
多特网友 2011-11-11 15:58:03 回复
这个不多吧,怎么没有效果呢
多特网友 2013-05-27 15:20:00 回复
拖不动,外部链接后没反应。
多特网友 2013-03-15 19:49:21 回复
挺好的,真像层一样
精品软件课程
更多 >
Adobe Flash,是Macromedi... [详细]
Dreamweaver是网页制作和管理的所见... [详细]
MySQL是一个小型关系型数据库管理系统,被... [详细]
PHP是一种 HTML 内嵌式的语言,是一种... [详细]
HTML的中文叫做“超文本标记语言”。是用来... [详细]
JavaScript是基于对象和事件驱动并具... [详细]