dw改变表格边框颜色

相关主题
  1. 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。

竭诚为您提供优质文档/双击可除dw改变表格边框颜色

篇一:在dreamweaver中插入一个表格,若设置其“边框

在dreamweaver中插入一个表格,若设置其“边框(border)”为1,预览时其边框线较粗。对于不熟悉html语言的网页制作者,如何快速制作出细边线的表格呢?下面,我给大家介绍一个小技巧--巧用背景颜色和间距制作细边

线表格。

以制作一个4行3列、边框线为红色细线的表格为例:step1在dreamweaver的设计视图中插入一个4行3列的表格。

step2在“属性”面板中设置此表格的属性如下:边距(cellpad)根据需要自行设置值(例如10);间距(cellspace)为1;边框(border)为0;背景颜色(bgcolor)为红色。

step3选中此表格的所有单元格,在“属性”面板中设置所有单元格的属性如下:背景颜色(bg)为白色或红色以外

的其他颜色。

最后,保存网页,按F12预览。怎么样,一个4行3列的红色细线表格是不是呈现在你面前?

另外,如果我们照常想用表格来布局定位,但只要外边框线显示为细线,而内部单元格的分隔线不显示的效果,则可以配合使用嵌套表格。下面以表格外边框线为红色细线为例来说明操作方法:

step1在dreamweaver的设计视图插入一个1行1列的

表格。

step2在“属性”面板设置此表格的属性如下:“边距”根据需要自行设置(例如5);“间距”为1;“边框”为0;“背景颜色”为红色。

step3选中此表格唯一的单元格,在“属性”面板设置

此单元格的“背景颜色”为白色或红色以外的其他颜色。

step4将光标定位在此1行1列的表格中,根据需要插

入一个几行几列的嵌套表格,此嵌套表格的“边框”一定设置为0,“边距”和“间距”可以根据需要设置或不设置,其他属性可不进行设置。

这样,我们就可以在嵌套表格的不同单元格内插入文字、图片等其他网页元素了。

篇二:dw表格应用之细线框的制作

dw表格应用之细线框的制作

1.细线边框是网页中定位区分内容常用的一种方法,配合特定图片的使用,往往能够

达到不错的效果,那么如何制作细线边框呢?大家都知道,所谓细线边框,大体外观上就是一个简单的1行1列表格,那么我们直接把表格对象的border值设定为1不就可以了吗?

2.同样在网页中指定位置插入一个单行单列的表格,用鼠标单击表格外框的任何一个

部位以选中它,在属性板中将“border”值设定为1

,也可以同时将另外的“cellp

ad”和“cellspace”置零,如图:

预览状态下的不同效果图示:

从上面的图示中,不难看出简单的边框置1达不到效果,下面我们看下,如何通过对表格的“巧妙”设置来实现要求的细度。

3.同样在上面的表格中,将属性板中,“border”、“cellpad”设置为“0”,“ce

llspace”设置为“1”,注意“cellspace”指的是单元格与单元格之间的距离大小。如图

4.

将表格的“bgcolor”设定为“红色”,同时将单元格的“bgcolor”设定为同网页

背景色-“白色”,预览效果如图:

为了便于大家理解,这里笔者再稍微解释下。其中我们将“cellspace”设定为1,在设定表格的背景颜色时,无疑已经包括了这一部分。而后面的单元格设定则恰好把它“甩”下了。这样就促成了显示上的效果,那么改变表格背景色也就是改变边框的颜色了。

篇三:dw代码大全

dw代码大全

一、、、:

定义和用法:构成html文档的重要组成部分,缺一不可。

1、标签:此元素可告知浏览器其自身是一个html文档。与标签限定了文档的开始点和结束点。

2、标签:定义文档的主体。它包含文档的所有内容(比如文本、图像、颜色和图形等等。)

3、标签:用于定义文档的头部。下面这些标签可用在head部分:,,,,以及。

二、,,,,:

1、标签:此元素定义了当前文档与web集合中其他文档的关系。

如:

2、标签:元素可提供有关页面的元信息,比如针对搜索引擎和更新频度的描述和关键词。

如:

3、标签:定义一段诸如javascript的脚本。

如:

alert("感谢您光临我的个人小站!")

4、标签:常用在页面内定义css样式,但强烈建议使用link标签定义css样式。

如:

*{font-size:13px;}

5、标签:定义文档的标题。通常把它放置在浏览器窗口的标题栏或状态栏上。

三、超链接标签:

·定义和用法:标签可定义锚。一个锚有两种用法。

1、通过使用href属性,创建一个到另外一个文档的链

相关文档
最新文档