改变水平线hr的颜色
在使用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的颜色相关推荐
- R语言应用calibrate包的textxy函数向R原生绘图结果中添加文本标签:添加多个文本标签、改变文本标签的字体、改变文本标签的字体颜色
R语言应用calibrate包的textxy函数向R原生绘图结果中添加文本标签:添加多个文本标签.改变文本标签的字体.改变文本标签的字体颜色 目录
- android textview改变部分文字的颜色和string.xml中文字的替换及部分内容设置颜色、字体、超链接、图片...
一:TextView组件改变部分文字的颜色: 1.TextView textView = (TextView)findViewById(R.id.textview); 2. 3.//方法一: 4.te ...
- listview改变选中行字体颜色
[android]listview改变选中行字体颜色 目标:选中item,其字体设置为#3197FF,未选中的,其字体为#FFFFFF 与listvew设置选中行item背景图片一样,使用select ...
- SecureCR 改变背景色和文字颜色
SecureCR 改变背景色和文字颜色 1.打开SecureCR链接Linux服务器,Options->Session Options->Emulation->Terminal 选择 ...
- html字体颜色自动变化,js设置字体颜色_自动改变文字大小和颜色的js代码分享
摘要 腾兴网为您分享:自动改变文字大小和颜色的js代码分享,追追漫画,易信,学宝,万达普惠等软件知识,以及59网批,tomatopie,物美多点,直播apk,三国全面战争,pc98,qq音乐插件,快捷 ...
- [IOS地图开发系类]5、改变大头针MKPinAnnotationView的颜色
2019独角兽企业重金招聘Python工程师标准>>> 在第四步的基础上,我们试着改变下大头针的颜色 // // MKPinAnnotationView.h // MapKit // ...
- 自动改变文字大小和颜色的javascript效果
<body bgcolor="#000000"> <div id="text" style="font-size:20px;&quo ...
- idea 改变输出语句的颜色 工具类
当需要在控制台打印输出语句的时候,由于默认的颜色和日志颜色混杂,导致不容易区分,如图:因此在网上找到了可以改变输出颜色的字符串,写个工具类,其他颜色可以自己灵活添加.//改变输出语句的颜色工具类 pu ...
- DataGridView:根据条件改变单元格的颜色
根据条件改变DataGridView行的颜色可以使用RowPrePaint事件. 示例程序界面如下: 示例程序代码如下: 1 using System; 2 using System.Collecti ...
最新文章
- CCIE PASSED
- Python基础教程:json中load和loads区别
- PHP面试题:合并两个数组有几种方式,试比较它们的异同
- mysql7种join连接_mysql 重新整理——七种连接join连接[六]
- ajax跨域请求的问题
- 共享内存中使用指针_详解c++中字符指针数组的使用
- 软件工程作业 - word count
- 哈佛研发出蛇形柔性机器人,复杂地面无脚行走关键在“人工皮肤”
- 使用Fiddler进行http抓包和调试
- lrzsz的交叉编译与使用
- C# Entity单条件查询与多条件查询
- RTKLIB专题学习(四)---单点定位实现初识(一)
- 服务化治理脚本:show-busiest-java-threads。
- ubuntu系统下建立wifi热点
- CART分类回归树算法
- 荣耀9i升级鸿蒙,千元小萌脸 荣耀9i实力非凡
- Android-APK
- 机械一体化有包含计算机专业吗,机电一体化专业有哪些优势?
- android采用MVP完整漫画APP、钉钉地图效果、功能完善的音乐播放器、仿QQ动态登录效果、触手app主页等源码
- Kaggle时间序列(Time Series)教程 2-趋势(Trend)