热门关键字:  8 教程  css  flash  表单  定位
当前位置 : 主页>入门教程>列表

在Dreamweaver制作可拖动表格

来源: 作者: 时间:2007-12-31 点击:

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

  1.在文档中插入一个表格。 http://www.dw8.org Dreamweaver 专业网站

http://www.dw8.org dw专业网站

插入一个表格 http://www.dw8.org Dreamweaver 专业网站

  2.选中表格,在属性面板上,为表格设置一个id名称。实例中输入f1。 http://www.dw8.org Dreamweaver cs3 专业网站

http://www.dw8.org Dreamweaver cs3 专业网站

表格设置一个id名称

http://www.dw8.org dw专业网站

  3.打开css样式面板,单击“新建css样式”按钮。 http://www.dw8.org Dreamweaver cs3 专业网站

http://www.dw8.org Dreamweaver 专业网站

打开css样式面板 http://www.dw8.org Dreamweaver 专业网站

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

http://www.dw8.org Dreamweaver cs3 专业网站

http://www.dw8.org dw专业网站

新建css样式

http://www.dw8.org Dreamweaver cs3 专业网站

  5.在“定义”类别中,选择定位类型为“绝对”,在“定位”框中,“左”和“上”输入数值。按“确定”按钮完成CSS设置。 http://www.dw8.org Dreamweaver 专业网站

http://www.dw8.org Dreamweaver 专业网站

定位类型为“绝对”

http://www.dw8.org Dreamweaver cs3 专业网站

  6.在文档中,表格变得象“层”一样可拖动。 http://www.dw8.org Dreamweaver cs3 专业网站

http://www.dw8.org dw专业网站

表格象“层”一样可拖动 http://www.dw8.org Dreamweaver 专业网站

http://www.dw8.org Dreamweaver 专业网站

最新评论共有 0 位网友发表了评论
发表评论
评论内容:不能超过250字,需审核,请自觉遵守互联网相关政策法规。
用户名: 密码:
匿名?
注册