如何设置css改变水平线hr的颜色?我知道可以一个个设置,加color。。感觉不方便

html-css063

如何设置css改变水平线hr的颜色?我知道可以一个个设置,加color。。感觉不方便,第1张

你hr一个class类的样式不就可以了吗?像这样

<hr class="hr4" />

.hr4{height:1pxborder:noneborder-top:1px dashed #0066CC}

设置方法如下:

1、启动Dreamweaver,打开要修改的网页;

2、设计视图下点击要修改的水平线,下方属性面板点击右侧快速标签编辑器按钮;

3、弹出浮动的编辑标签窗口,在原有hr后输入color=“颜色代码”,如下图:

4、按F12打开浏览器预览效果。

网页的水平线有很多的属性。下面,我们来看看网站建设中怎么自动设置网页的水平线颜色吧。

01

显示出一条水平线

用代码<hr>来划出一条水平线,如下图所示:

02

更改水平线颜色

使用color来更改水平线的颜色,比如改为黄色,如下图所示:

03

颜色用英文表示

color的值也可以用英文来表示,比如用green表示绿色、blue表示黄色、red表示黑丝,如下图所示:

04

预览效果

在浏览器中预览下效果,如下图所示: