css改变hr颜色

墨衍会员 · AI 创作全网分发 墨衍智能分发 本文由作者通过墨衍一键同步至各平台 1分发平台 2.6w累计阅读 2.6w+平均单平台已同步平台 CSDN 微信公众号微博知乎掘金百家号博客园抖音小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年，写一次发全网我也要 → 码龄16年

关注

转载最新推荐文章于 2024-08-08 15:02:59 发布 2.6w 阅读 AI 写同款· GEO 优化 ›

如何改变hr颜色 html中用css改变颜色，如果不加border:0;的话，虽然颜色改变了，但是会显示一条黑色的边框。如果不加height:1px;的话，在firefox下会不显示。还可以用下面的代码：阅读详情

html中用css改变颜色，
<hr style="border:0;background-color:#ff0000;height:1px;">
如果不加border:0;的话，虽然颜色改变了，但是会显示一条黑色的边框。
如果不加height:1px;的话，在firefox下会不显示。

ICode联盟

收录于

CSS

当前文章被收录于：

CSS

9 篇文章 0 人学习

订阅专栏查看详情

当前文章被以下社区和专栏收录：

标签

#css #hr

本内容遵循 CC 4.0 BY-SA 版权协议

原文链接：http://yy123.ink/>

细说<hr>标签 hr标签是单独使用的标签，是水平线标签，用于段落与段落之间的分隔，使文档结构清晰明了，使文字的编排更整齐通过设置标签的属性值，可以控制水平分隔线的样式。属性： size: 设置水平分隔线的高度，单位：像素默认值是2 width: 设置水平分隔线的宽度，单位：像素 % 默认值是100% align: 设置水平分隔线的对齐方式。默认值是center 还有left right col 阅读详情

相关推荐

【实战】前端必会 —— css更改hr标签颜色

css更改hr标签颜色。

程序边界 1172

设置hr元素颜色

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

Inuyasha1121的专栏 4万+

CSS 设置hr样式

【代码】CSS 设置hr样式。

本人小可爱 1808

css 的border属性改变hr颜色小示例

为什么80%的码农都做不了架构师？>>> ...

weixin_33850015的博客 199

css改变hr的颜色，长度，宽度

hr本身具有border：1px，要该改变它的颜色，要先把它的border变为none，然后设置1px的高度，再设置background: #90EE90;，设置color不生效 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>hr...

宏斌的博客 1万+

css如何改变横线＜hr/＞标签的颜色

<hr style='background-color:blue; height:1px; border:none;''/> hr标签是线条，其颜色要用background-color；再给线条设置一个height，正常粗细就是1px，设置完后线条变粗；那是因为hr有默认的border，需要将它的边框去掉，设为border:none 以上三点缺一不可 ...

S筱潇S四维Smile 2878

前端学习36——CSS改变hr标签颜色

前言在实际的前端开发中，我们会遇到需要修改hr标签的颜色的。单纯用background-color是没有办法改变的。解决的办法 hr{ border: none; height: 1px; background-color: #e5e5e5; } 上面的是解决办法，其中的border属性也可以填写0，效果是一样的。代码分析： border: none;或者border: 0;是为...

裕博的博客 8139

如何改变hr水平线的颜色

改变hr水平线的颜色： 1. hr的高度(height)不能是0； 2. border设为none; 3. 使用background-color: 来控制水平线的颜色；示例代码：将水平线设为红色： hr { border: none; height；1px; background-color: red; } ...

孙婷婷的博客 4401

改变水平线hr的颜色

在使用hr的时候很容易误解为border就是水平线，改变border就能改变水平线的颜色，然而事实并不是这样的，要想改变水平线的颜色，要从下面的i几个属性出发： border：设置为none或者0px； height：给定一个高度，在水平线中指的是水平线有多粗； width：给定一个长度，即水平线大概有多长，占页面的多少； background-color：设置水平线的颜色。具体代码如...

ColourfulTiger的博客 1万+

css 加粗_css中如何设置hr的样式？css <hr>标签多种样式（图文）

在对html网页进行美化的时候，肯定少不了要用的hr标签进行修饰页面，但默认的hr标签样式对页面的修饰起不到什么好的作用，有经验的前端工作者就会通过使用css样式来对hr标签进行一些美化的操作。那么如何在css中给hr标签设置样式呢？本章就给大家介绍css设置hr标签的几种样式。有一定的参考价值，有需要的朋友可以参考一下，希望对你们有所帮助。web前端学习：打造全网web前端全栈资料库（总目录）看...

weixin_39963534的博客 2691

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

可以看到默认的hr是一条灰色的一个像素的，通栏的实线。我要把它的颜色变成蓝色的。说到颜色变化，大家首先想到的都是color,但是color一般都是针对字体颜色的，线条需要用background-color, 但是单纯的将背景色设为蓝色是不够的，线条还是灰色的，我们需要给线条一个高度，也就是我们需要的1px 这样设置完后，在浏览器中可以看到线条变...

ld395353765的博客 8469

HTML CSS简单总结

1、css 的border属性改变hr颜色小示例 <hr style="border:0;background-color:#ff0000;height:1px;margin:0;padding:0"> 转载于:https://www.cnblogs.com/xibei666/p/4684197.html

weixin_30381793的博客 69

HR样式大全

<HR style="width: 90%;height: 3px;margin: 10 0 10 0;"> <style> hr {margin:0;HEIGHT: 25;width:100%;border:4px ridge;COLOR:333;} </style> <HR> 线条可以改变多种形状线条样式属性原设值样式是solid ...

neeleon的专栏 548

上一篇：获取两个DataTable之间的差集、交集、并集集合(Except、Intersect、Union)

下一篇： exchange webservices日程修改

【实战】前端必会 —— css更改hr标签颜色

程序边界

08-12

1172