<hr style='background-color:blue; height:1px; border:none;''/>

hr标签是线条,其颜色要用background-color

再给线条设置一个height,正常粗细就是1px,设置完后线条变粗;

那是因为hr有默认的border,需要将它的边框去掉,设为border:none

以上三点缺一不可

css如何改变横线<hr/>标签的颜色相关推荐

  1. [css]怎么改变选中文本的文字颜色和背景色?

    [css]怎么改变选中文本的文字颜色和背景色? ::selection { background-color: #222; color: white; } 个人简介 我是歌谣,欢迎和大家一起交流前后端 ...

  2. 「HTML和CSS入门指南」hr 标签详解

    HTML5 中的 hr 标签 HTML5 中的 <hr> 标签是用于插入水平分割线的标签,通常用于在页面中添加分隔线或者段落之间的分割线.<hr> 标签可以单独使用,也可以与其 ...

  3. css中如何设置hr的样式?css hr标签多种样式(图文)

    在对html网页进行美化的时候,肯定少不了要用的hr标签进行修饰页面,但默认的hr标签样式对页面的修饰起不到什么好的作用,有经验的前端工作者就会通过使用css样式来对hr标签进行一些美化的操作.那么如 ...

  4. CSS颜色代码大全及a标签超链接颜色改变

    CSS颜色大全 <a>标签超链接颜色改变 A:hover   {BACKGROUND-COLOR:   #ffccff;   COLOR:   #0080ff}     (hover表示鼠 ...

  5. html怎么改变图片亮度,纯干货,前端学者的福音!如何使用css滤镜改变图片颜色...

    原标题:纯干货,前端学者的福音!如何使用css滤镜改变图片颜色 说到对图片进行处理,我们经常会想到PS,美图秀秀这类的图像处理工具.作为前端,全栈开发者,我们经常会需要处理一些特效,例如根据不同的状态 ...

  6. html文字滑动时改变颜色,css实现滚动时选中区域字体颜色加深的示例代码

    在封装日期选择器时,需要选中时字体颜色加深,先看一下实现后的效果 可以看到加深的不是整个文字,而是中间那片区域今天聊的重点不在选择器的封装,主要看这个样式效果,想了解此组件的实现思路可以看之前的文章日 ...

  7. HTML+CSS学习笔记(2) - 认识标签(1)转载

    HTML+CSS学习笔记(2) - 认识标签(1) 1.语义化,让你的网页更好的被搜索引擎理解 http://www.cnblogs.com/wanglongshuai/p/5204070.html@ ...

  8. i css svg,如何设置 CSS 背景图中的 SVG 的颜色

    Coloring SVGs in CSS Background Images 如何设置 CSS 背景图中的 SVG 的颜色 I love using SVG in CSS background ima ...

  9. li相关整理:如何改变li前面点的颜色和如何去掉li的点

    1.如何改变li前面点的颜色 li {content: ".";color: rgb(245, 29, 29);} 2.在标签li后面加入"@"符号,这里都会使 ...

最新文章

  1. 力扣(LeetCode)刷题,简单+中等题(第32期)
  2. play mysql_play framework 2.0 使用 mysql
  3. TIS教程02-模型
  4. Android之Launcher分析和修改3——Launcher启动和初始化
  5. Nifty JUnit:在方法和类级别上使用规则
  6. python位运算符_详细介绍Python语言中的按位运算符
  7. springmvc一个Controller类处理多个请求被遗弃的方式MultiActionController详解和新的方式
  8. 基于REM的移动端响应式适配方案
  9. yum源中repodata目录下的各文件内容及作用-转载
  10. 手把手教你彻底卸载MySQL
  11. 内存测试_内存检测工具大全
  12. python 区块链_如何用Python快速实现区块链?
  13. 收集最火的开源项目——PHP 篇
  14. SuperMap iDesktop 9D 制作专题地图
  15. 袋鼠云数据中台专栏(一) :浅析数据中台策略与建设实践
  16. apache评分表的意义_APACHE评分系统及评分表 -
  17. javascript设置颜色值的几种方法
  18. Linux中mysql的重启
  19. 自媒体的推广方式有哪些(自媒体推广的10种方法)
  20. marquee参数详解

热门文章

  1. 多线程NSObjectNSThreadNSOperationGCD
  2. 全局光照模型与Rendering Equation(全局光照的最为基础的核心理论) .
  3. linux中禁用Root帐户的4种方法
  4. Centos7 使用 chronyd 进行时钟同步
  5. 局域网中只有一台电脑无法连接共享打印机,其他电脑均可正常连接解决方案
  6. 解决 php提交表单到当前页面,刷新会重复提交 的问题
  7. VMware Workstation “The Msi Failed”解决方法
  8. 通过pyenv在Mac OS X 10.12.3下安装Python-3.6.0及“*** [install] Error 1”错误的解决方法
  9. 关于如何查看 EntityValidationErrors 详细信息的解决方法
  10. 运用js解决java selenium元素定位问题