css改变水平线的颜色

1、虚线、实现、双线、多色线

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

.hr0{ height:1px;border:none;border-top:1px dashed #0066CC;}
.hr1{ height:1px;border:none;border-top:1px solid #555555;}
.hr2{ height:3px;border:none;border-top:3px double red;}
.hr3{ height:5px;border:none;border-top:5px ridge green;}
.hr4{ height:10px;border:none;border-top:10px groove skyblue;}

2、渐变水平线

hr{width: 100%;border: 0;height: 1px;background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, #09edfd 3%, rgba(0, 0, 0, 0) 80%);
}

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

CSS改变插入光标颜色
CSS改变插入光标颜色常用两种方法: 第一种:caret-color: red; input {color: #333;caret-color: red;} caret-color属性目前Chrome ...
CSS改变input光标颜色
在使用 input 输入框时,我们可能会遇到需要给其设置光标颜色的情况.谷歌浏览器的默认光标颜色是黑色的,GitHub 上的光标却是白色,那么这个用 CSS 怎么改变呢? 上面描述的情景有两种实现方式 ...
css改变纯色图片颜色的几种方式
公司最近做个项目,碰上了用状态控制图片的展示,图片区别就在于颜色不同,为了网络性能优化,用css进行着色重复利用方案一 filter: drop-shadow() filter: drop-shad ...
CSS 改变文本选中颜色
改变文字颜色 ::selection { background: #f88; text-shadow: none; color: #000; } ::-moz-selectio ...
css 改变输入框光标颜色
https://developer.mozilla.org/en-US/docs/Web/CSS/caret-color 转载于:https://www.cnblogs.com/elza-young/ ...
css能更换图片颜色的,css改变图片的颜色
js小时分钟控件-- 直接上代码: var str = ""; document.writeln(" 新增了个job https://112.124.41.113/svn ...
用css改变图片背景色颜色
.colorful {display: inline-block;width: 32px; height: 32px;background-color: #f4615c; // 目标颜色.目标颜色.目 ...
改变水平线hr的颜色
在使用hr的时候很容易误解为border就是水平线,改变border就能改变水平线的颜色,然而事实并不是这样的,要想改变水平线的颜色,要从下面的i几个属性出发: border:设置为none或者0px ...
html中改变一张图片的颜色,简单的 css 改变图片颜色
当我们在做项目的时候,经常有许多个icon 图片两个或更多个颜色的版本,下面切图网教你,怎么用简单的css改变图片的颜色. 熟悉PS的人都应该知道混合模式,css3中也有两个与混合模式相关的属性,mi ...
html svg 颜色,通过css改变svg img的颜色
需求如下图,hover的时候改变图标颜色,图标为引入的svg img 一般的解决办法有:1.字体图标改变css的color属性:2.js在hover事件中切换图片:3.老一点的方案是hover切换背景 ...

css改变水平线的颜色

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

最新文章

热门文章