hr标签---中心线：设置颜色

可以看到默认的hr是一条灰色的一个像素的，通栏的实线。我要把它的颜色变成蓝色的。
说到颜色变化，大家首先想到的都是color,但是color一般都是针对字体颜色的，线条需要用background-color,
但是单纯的将背景色设为蓝色是不够的，线条还是灰色的，我们需要给线条一个高度，也就是我们需要的1px
这样设置完后，在浏览器中可以看到线条变粗了，而且原来的灰色好像还是存在的
其实，hr是有默认的border的，我们需要将它的边框去掉，设为border:none
这样，我们再次回到浏览器中刷新一下，查看，可以看到一条蓝色的1px高的实线。
总结起来就是，给默认的hr改成我们需要的颜色时，需要将它的高度设一个值，使用背景色，并将border设为没有

代码：

<hr style="background-color: red;border: none;height: 2px;opacity: .1;width: 50%" />

hr标签---中心线：设置颜色相关推荐

html li圆点单独颜色,html中li标签可以设置颜色吗
在HTML中如果在ul>li中添加子标签>a链接,修改li中或者是有什么方法可以让修改li的字体颜色时,a标签的字体颜色也改变, --由于CSS的层叠(cascading),a元素继承自l ...
css中如何设置hr的样式？css hr标签多种样式（图文）
在对html网页进行美化的时候,肯定少不了要用的hr标签进行修饰页面,但默认的hr标签样式对页面的修饰起不到什么好的作用,有经验的前端工作者就会通过使用css样式来对hr标签进行一些美化的操作.那么如 ...
android html字体大小,android Html.fromHtml font 标签支持设置字体大小和颜色
由于在android 中的Html源码中对html标签的支持不是很完全,在使用textview加载html自定义字体样式的时候遇到坑了,就是font标签不支持size属性,查看源码中发现没有去解析si ...
matplotlib自定义设置plt.colorbar函数配置颜色条的刻度数实战：自定义设置颜色条刻度、并为刻度值进行命名和标签化
matplotlib自定义设置plt.colorbar函数配置颜色条的刻度数实战:自定义设置颜色条刻度.并为刻度值进行命名和标签化目录
CSS学习记录3.2/设置标签的背景颜色/控制背景图片的平铺方式/控制背景图片的位置/背景图片关联方式/背景图片和插入图片的区别/捕鱼达人背景练习/精灵图
设置标签的背景颜色: CSS中的background-color:属性,就是专门用来设置标签.bc+table 设置背景图片: CSS中的background-image: url( );的属性就是设 ...
Android：TagView 云标签item多种颜色设置
TagView是一款很强大的标签库,具体的集成和使用可查看 https://www.jianshu.com/p/34dfcd546501 或: https://github.com/whilu/And ...
徐志摩题要求：•使用外部引入CSS样式的方式为网页设置样式 •标题使用＜h3＞标签，其他文本均放在段落标签＜p＞中 •使用标签选择器设置标题h3的字体颜色为#ddf111 •使用ID选择器设置p段
徐志摩题要求: •使用外部引入CSS样式的方式为网页设置样式 •标题使用<h3>标签,其他文本均放在段落标签<p>中 •使用标签选择器设置标题h3的字体颜色为#ddf111 • ...
html a 标签颜色设置颜色设置,font标签
Html font color文本颜色样式设置一.Html Color语法�?/h3> css5.com.cn 标签直接使用color颜色参数设置文字颜色,值可以直接加RGB颜色值(#FFFF ...
hr/标签的属性及样式
用简单的"hr"语句就能实现多样化的分割效果: 最基本的:<hr width=300 size=1 color=#5151A2 align=center noshade> ...
「HTML和CSS入门指南」hr 标签详解
HTML5 中的 hr 标签 HTML5 中的 <hr> 标签是用于插入水平分割线的标签,通常用于在页面中添加分隔线或者段落之间的分割线.<hr> 标签可以单独使用,也可以与其 ...

hr标签---中心线：设置颜色

hr标签---中心线：设置颜色相关推荐

最新文章

热门文章