dw中水平线的颜色怎么改? Dreamweaver水平线修改颜色的两种方法

来自:网络
时间:2022-04-20
阅读:

dw水平线如何改颜色?我们在使用Dreamweaver制作网页的时,如果插入的水平线没有设置颜色,那么就会破坏网站的整体效果。那么我们一起来看看如何设置水平线颜色吧,我们介绍了两种方法,详细请看下文介绍。

dw中水平线的颜色怎么改? Dreamweaver水平线修改颜色的两种方法

Adobe Dreamweaver CS6 v12.0.0.5808 简体中文绿色版

查看详情

dw中水平线的颜色怎么改? Dreamweaver水平线修改颜色的两种方法

方法一:

打开Dreamweaver 并新建一个HTML

dw中水平线的颜色怎么改? Dreamweaver水平线修改颜色的两种方法

点击菜单中的“插入---HTML---水平线”,插入一条水平线。

dw中水平线的颜色怎么改? Dreamweaver水平线修改颜色的两种方法

然后,点击拆分

dw中水平线的颜色怎么改? Dreamweaver水平线修改颜色的两种方法

在代码<hr />中,输入color在下面出来是颜色框中,选择我们要设置的水平线的颜色。也可以自定义颜色

dw中水平线的颜色怎么改? Dreamweaver水平线修改颜色的两种方法

我们点击上面的实时视图,则可以看到水平线的颜色已经修改成刚刚定义的红色了。如图所示

dw中水平线的颜色怎么改? Dreamweaver水平线修改颜色的两种方法

方法二:

我们在代码中,在插入一条水平线,代码是<hr />

dw中水平线的颜色怎么改? Dreamweaver水平线修改颜色的两种方法

在定义一个css样式。代码如图所示

dw中水平线的颜色怎么改? Dreamweaver水平线修改颜色的两种方法

我们来看一下刚刚设置的两条水平线的预览效果。

dw中水平线的颜色怎么改? Dreamweaver水平线修改颜色的两种方法

总结:

水平线<hr />的颜色可以自己定义也可以选择现有的。

background-color:设置背景色; height:高度; border:边框

定义css样式的话,非常方便以后修改和其他页调用。

返回顶部
顶部