在Dreamweaver制作可拖动表格效果

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

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


  插入一个表格

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


  表格设置一个id名称

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


  打开css样式面板

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


  新建css样式

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


  定位类型为“绝对”

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


  表格象“层”一样可拖动

时间: 2024-08-01 12:53:24

在Dreamweaver制作可拖动表格效果的相关文章

在Dreamweaver制作可拖动表格

在Dreamweaver中,给表格增加css定位,表格就变得象"层"一样可拖动. 1.在文档中插入一个表格. 插入一个表格 2.选中表格,在属性面板上,为表格设置一个id名称.实例中输入f1. 表格设置一个id名称 3.打开css样式面板,单击"新建css样式"按钮. 打开css样式面板 4.在"新建css样式"对话框中,类型中选择"使用CSS选择器",在选择器中,输入#加上id名称.实例中输入#f1. 新建css样式 5.在

如何在Dreamweaver制作可拖动表格

  1.在文档中插入一个表格. 插入一个表格 2.选中表格,在属性面板上,为表格设置一个id名称.实例中输入f1. 表格设置一个id名称 3.打开css样式面板,单击"新建css样式"按钮. 打开css样式面板 4.在"新建css样式"对话框中,类型中选择"使用CSS选择器",在选择器中,输入#加上id名称.实例中输入#f1. 新建css样式 5.在"定义"类别中,选择定位类型为"绝对",在"定位

Dreamweaver制作细边的表格

  通过利用背景颜色与间距制作细边的表格教程的介绍,大家在Dreamweaver中插入一个表格,若设置其"边框(Border)"为1,预览时其边框线较粗. 以制作一个4行3列.边框线为红色细线的表格为例: Step 1 在Dreamweaver的设计视图中插入一个4行3列的表格. Step 2 在"属性"面板中设置此表格的属性如下:边距(CellPad)根据需要自行设置值(例如10);间距(CellSpace)为1;边框(Border) 为0;背景颜色(Bg Col

利用jquery 拖动插件制作的拖动层效果

<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-

Dreamweaver制作1px边框表格的几种方法

有过网页制作经验的朋友一定知道:一般来讲,把表格的边框定义为1px时,即border=1,而实际上是2px.而我们在很多时候需要那种真正的边框为1px的表格,下面就介绍几种方法. 一.用嵌套表格 用两个表格嵌套,外层的表格的长与宽比里层的多出2px,并设置对齐属性为水平居中.垂直居中,然后把外层表格的背景设为你需要的边框颜色,里层表格背景设为与网页背景相同,这样就实现我们的愿望了,实例如下: <table cellspacing="0" cellpadding="0&q

Dreamweaver快速制作细边线表格

dreamweaver 在Dreamweaver中插入一个表格,若设置其"边框(Border)"为1,预览时其边框线较粗.对于不熟悉HTML语言的网页制作者,如何快速制作出细边线的表格呢?下面,我给大家介绍一个小技巧--巧用背景颜色和间距制作细边线表格.  以制作一个4行3列.边框线为红色细线的表格为例: Step 1 在Dreamweaver的设计视图中插入一个4行3列的表格. Step 2 在"属性"面板中设置此表格的属性如下:边距(CellPad)根据需要自行

网页制作 用Dreamweaver制作细边表格

dreamweaver|网页 在Dreamweaver中插入一个表格,若设置其"边框(Border)"为1,预览时其边框线较粗.对于不熟悉HTML语言的网页制作者,如何快速制作出细边线的表格呢?下面,我给大家介绍一个小技巧--巧用背景颜色和间距制作细边线表格. 以制作一个4行3列.边框线为红色细线的表格为例: Step 1 在Dreamweaver的设计视图中插入一个4行3列的表格. Step 2 在"属性"面板中设置此表格的属性如下:边距(cellpadding)

Dreamweaver利用背景颜色与间距制作细边的表格

通过利用背景颜色与间距制作细边的表格教程的介绍,大家在Dreamweaver中插入一个表格,若设置其"边框(Border)"为1,预览时其边框线较粗. 以制作一个4行3列.边框线为红色 细线的表格为例: Step 1 在Dreamweaver的设计视图中插入一个4行3列的表格. Step 2 在"属性"面板中设置此表格的属性如下:边距(CellPad)根据需要自行设置值(例如10);间距(CellSpace)为1;边框(Border) 为0;背景颜色(Bg Colo

如何在Dreamweaver中制作细边框表格

  具体制作步骤如下: 通过利用背景颜色与间距制作细边的表格教程的介绍,大家在Dreamweaver中插入一个表格,若设置其"边框(Border)"为1,预览时其边框线较粗. 以制作一个4行3列.边框线为红色细线的表格为例: 1.在Dreamweaver的设计视图中插入一个4行3列的表格. 2.在"属性"面板中设置此表格的属性如下:边距(CellPad)根据需要自行设置值(例如10);间距(CellSpace)为1;边框(Border) 为0;背景颜色(Bg Col