在Dreamweaver制作可拖动表格效果

所属分类: 网页制作 / Dreamweaver 阅读数: 1496
收藏 0 赞 0 分享
在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制作可拖动表格

表格象“层”一样可拖动

更多精彩内容其他人还在看

DreamWeaver怎么使用块状标签div?

DreamWeaver怎么使用块状标签div?DreamWeaver页面中想要使用块状标签,该怎么使用呢?下面我们就来看看详细的教程,需要的朋友可以参考下
收藏 0 赞 0 分享

dreamweaver怎么实现鼠标放在不同的位置显示不同的图片?

dreamweaver怎么实现鼠标放在不同的位置显示不同的图片?dw中想要制作图片切换效果 ,该怎么制作呢?下面我们就来看看详细的教程,需要的朋友可以参考下
收藏 0 赞 0 分享

Dreamweaver数据库连接出现错误404该怎么解决?

Dreamweaver数据库连接出现错误404该怎么解决?Dreamweaver在连接数据库的时候出现404错误,该怎么解决呢?下面我们就来看看详细的教程,需要的朋友可以参考下
收藏 0 赞 0 分享

Dreamweaver cs6怎么设计一款简单的网页?

Dreamweaver cs6怎么设计一款简单的网页?Dreamweaver中想要设计一款简单的网页,该怎么设计呢?下面我们就来看看详细的教程,需要的朋友可以参考下
收藏 0 赞 0 分享

Dreamweaver怎么输入文本并设置文本样式?

Dreamweaver怎么输入文本并设置文本样式?Dreamweaver设计网页的时候,想要输入文本并设置文本样式,该怎么设置呢?下面我们就来看看详细的教程,需要的朋友可以参考下
收藏 0 赞 0 分享

Dreamweaver网页中的文本怎么添加背景图片?

Dreamweaver网页中的文本怎么添加背景图片?Dreamweaver设计的文本网页太单调,想要给文本添加星空背景图片,该怎么添加呢?下面我们就来看看详细的教程,需要的朋友可以参考下
收藏 0 赞 0 分享

Dreamweaver CC2019怎么制作关注按钮?

Dreamweaver CC2019怎么制作关注按钮?dw2019中想要制作一个按钮并给按钮添加链接,实现关注的效果,该怎么操作嗯?下面我们就来看看详细的教程,需要的朋友可以参考下
收藏 0 赞 0 分享

Dreamweaver CS3网页怎么创建多个层?

Dreamweaver CS3网页怎么创建多个层?Dreamweaver CS3制作页面的时候,经常使用层,可以容纳网页元素的容器,下面我们就来看看一个简单的实例教程,需要的朋友可以参考下
收藏 0 赞 0 分享

Dreamweaver怎么套用网站源代码设计网页?

Dreamweaver怎么套用网站源代码设计网页?Dreamweaver中想要设计网页,我们可以直接套用网站源代码来实现,下面我们就来看看详细的教程,需要的朋友可以参考下
收藏 0 赞 0 分享

Dreamweaver制作网页需要掌握哪些小技巧?

Dreamweaver制作网页需要掌握哪些小技巧?很多朋友使用Dreamweaver设计网页,当编辑文本的时候很多新手不太熟练,今天我们就来分享一些小技巧,请看下文详细介绍,需要的朋友可以参考下
收藏 0 赞 0 分享
查看更多