在使用hr的时候很容易误解为border就是水平线,改变border就能改变水平线的颜色,然而事实并不是这样的,要想改变水平线的颜色,要从下面的i几个属性出发:

border:设置为none或者0px;

height:给定一个高度,在水平线中指的是水平线有多粗;

width:给定一个长度,即水平线大概有多长,占页面的多少;

background-color:设置水平线的颜色。

具体代码如下:

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

注意:在使用border时,若设定值为border:1px solid red;则针对的是水平线的边,是4个边,而中间的颜色是空,即未改变水平线的实际颜色。

<hr style="clear: both;background-color:red;height: 5px;width:90%;border: 5px solid green;"/>

绿色的是边框,红色的是里面的内容。

改变水平线hr的颜色相关推荐

  1. R语言应用calibrate包的textxy函数向R原生绘图结果中添加文本标签:添加多个文本标签、改变文本标签的字体、改变文本标签的字体颜色

    R语言应用calibrate包的textxy函数向R原生绘图结果中添加文本标签:添加多个文本标签.改变文本标签的字体.改变文本标签的字体颜色 目录

  2. android textview改变部分文字的颜色和string.xml中文字的替换及部分内容设置颜色、字体、超链接、图片...

    一:TextView组件改变部分文字的颜色: 1.TextView textView = (TextView)findViewById(R.id.textview); 2. 3.//方法一: 4.te ...

  3. listview改变选中行字体颜色

    [android]listview改变选中行字体颜色 目标:选中item,其字体设置为#3197FF,未选中的,其字体为#FFFFFF 与listvew设置选中行item背景图片一样,使用select ...

  4. SecureCR 改变背景色和文字颜色

    SecureCR 改变背景色和文字颜色 1.打开SecureCR链接Linux服务器,Options->Session Options->Emulation->Terminal 选择 ...

  5. html字体颜色自动变化,js设置字体颜色_自动改变文字大小和颜色的js代码分享

    摘要 腾兴网为您分享:自动改变文字大小和颜色的js代码分享,追追漫画,易信,学宝,万达普惠等软件知识,以及59网批,tomatopie,物美多点,直播apk,三国全面战争,pc98,qq音乐插件,快捷 ...

  6. [IOS地图开发系类]5、改变大头针MKPinAnnotationView的颜色

    2019独角兽企业重金招聘Python工程师标准>>> 在第四步的基础上,我们试着改变下大头针的颜色 // // MKPinAnnotationView.h // MapKit // ...

  7. 自动改变文字大小和颜色的javascript效果

    <body bgcolor="#000000"> <div id="text" style="font-size:20px;&quo ...

  8. idea 改变输出语句的颜色 工具类

    当需要在控制台打印输出语句的时候,由于默认的颜色和日志颜色混杂,导致不容易区分,如图:因此在网上找到了可以改变输出颜色的字符串,写个工具类,其他颜色可以自己灵活添加.//改变输出语句的颜色工具类 pu ...

  9. DataGridView:根据条件改变单元格的颜色

    根据条件改变DataGridView行的颜色可以使用RowPrePaint事件. 示例程序界面如下: 示例程序代码如下: 1 using System; 2 using System.Collecti ...

最新文章

  1. CCIE PASSED
  2. Python基础教程:json中load和loads区别
  3. PHP面试题:合并两个数组有几种方式,试比较它们的异同
  4. mysql7种join连接_mysql 重新整理——七种连接join连接[六]
  5. ajax跨域请求的问题
  6. 共享内存中使用指针_详解c++中字符指针数组的使用
  7. 软件工程作业 - word count
  8. 哈佛研发出蛇形柔性机器人,复杂地面无脚行走关键在“人工皮肤”
  9. 使用Fiddler进行http抓包和调试
  10. lrzsz的交叉编译与使用
  11. C# Entity单条件查询与多条件查询
  12. RTKLIB专题学习(四)---单点定位实现初识(一)
  13. 服务化治理脚本:show-busiest-java-threads。
  14. ubuntu系统下建立wifi热点
  15. CART分类回归树算法
  16. 荣耀9i升级鸿蒙,千元小萌脸 荣耀9i实力非凡
  17. Android-APK
  18. 机械一体化有包含计算机专业吗,机电一体化专业有哪些优势?
  19. android采用MVP完整漫画APP、钉钉地图效果、功能完善的音乐播放器、仿QQ动态登录效果、触手app主页等源码
  20. Kaggle时间序列(Time Series)教程 2-趋势(Trend)

热门文章

  1. 利用报废主板制作SPD刷内存编程器座子
  2. 思维导图 - 学习/实践
  3. 基于微信小程序的音乐播放器设计
  4. Linux ftp服务器虚拟用户的建立
  5. wwbizsrv.exe-应用程序错误
  6. C++ 雇员信息保存及查询
  7. 【2019/07/20测试 T2】切题
  8. 3个套路带你玩转Excel动态图表
  9. 2021年塔式起重机司机考试及塔式起重机司机复审考试
  10. 【第二季】Arcgis地图制图基础|(四)地图文字标注