在Dreamweaver制作可拖动表格

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

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


  插入一个表格

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


  表格设置一个id名称

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


  打开css样式面板

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


  新建css样式

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


  定位类型为“绝对”

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


  表格象“层”一样可拖动

时间: 2025-01-29 23:02:07

在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

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|教程|设计|网页 表格设计 表格是现代网页制作的一个重要组成部分.表格之所以重要是因为表格可以实现网页的精确排版和定位.本节教程我们分为两步来进行.首先看表格操作的一个实例.然后来看一些表格操作的基本方法.在开始制作表格之前,我们首先对表格的各部分的名称做一个介绍.(看下图) 一张表格横向叫行,纵向叫列.行列交叉部分就叫做单元格. 单元格中的内容和边框之间的距离叫边距.单元格和单元格之间的距离叫间距.整张表格的边缘叫做边框. 下面看看我们使用表格制作的页面的实例 这幅页面

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