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样式的话,非常方便以后修改和其他页调用。

觉得上面的内容有用吗?快来点个赞吧!

点赞() 我要打赏

温馨提示 : 本站内容来自会员投稿以及互联网,所有源码及教程均为作者总结编辑,请大家在使用过程中提前做好备份,以免发生无法预知的错误,源码类教程请勿直接用于生产环境!

 可能感兴趣的文章

1 2 3 4 5