当前位置：首页 -> 网页设计 -> DREAMWEAVER -> 水平细线的几种制作方法

水平细线的几种制作方法

时间： 2021-07-31 作者：daque

一、程度线法

　　1.在 dreamweaver 中兴建一个文书档案，插入一条程度线，双击程度线，调出属性面板。

　　2.在程度线的属性面板上树立莫大 h = 0 pixel。

　　3.copy 此条程度线，在属性面板中把 shade 的勾点掉。

　　4.按 f12 举行预览，请比较底下的（1）（2）源代码及功效。

水平细线的几种制作方法图1

(1)

源代码：<hr size="0" color="#3366ff" noshade>

(2)

水平细线的几种制作方法图2

源代码： <hr size="0" color="#3366ff">

　　5.其余创造两条 h = 1 pixels 的程度线，辨别有 shade 和没 shade。

(1)

源代码：<hr size="1" color="#3366ff" noshade> (2)

源代码： <hr size="1" color="#3366ff">

　　6.创造两条 h = 2 pixels 的程度线，并设置脸色，辨别有 shade 和没 shade。

(1)

源代码：<hr size="2" color="#3366ff" noshade> (2)

源代码：<hr size="2" color="#3366ff">

　　7.创造两条 h = 2 pixels 的程度线，脸色为缺省值，辨别有 shade 和没 shade。

(1)

源代码： <hr size="2" noshade> (2)

源代码： <hr size="2">

　　看了上头的几种程度线功效，咱们创造，当程度线的莫大 h 设为“0 pixel”和“1 pixel”时，不管程度线有没有 shade (暗影)，它在ie欣赏器中都表露为 1 pixel 的细线。在乒坛中已经创造有些网友把莫大h树立为少量数值，如：0.1之类的，以求到达 1 pixel 的细线的功效，本质上，在 dreamweaver 网页编纂器里，属性面板是不许树立少量数值的，但即使咱们径直在源代码里输出，属性面板就认了，不妨表露出少量数值。同声，ie 欣赏器把莫大为 2 pixel 以次的程度线辨别为 1pixel 。

　　在创造程度线时咱们创造了有 shade 和没有 shade 的，过程比较创造当程度线莫大h为 2 pixels 以次时，shade 不起效率，惟有到 2 pixels 之上时才看获得 shade 功效。

二、表格法

　　表格在网页安排中往往用来定位，更加是巨型网站，表格多多，但因为它们的效劳器宏大，速率倒不会慢。

　　在此引见表格的另一妙用，创造程度细线。

　　1.在 dreamweaver 中，插入一个单列单列的表格，树立 border="0" cellspacing="0" cellpadding="0" 。而后在属性面板中树立表格的背局面。

(1)

源代码：

水平细线的几种制作方法图3