BORDER 颜色渐变

虚线渐变

    <style>
.box {border-bottom: 2px dashed #fff;border-right: 2px dashed #fff;background: linear-gradient(to right, rgb(0, 255, 127),rgba(26, 115, 232, 0.953));background-origin: border-box;
}
.content {background-color: #fff;
}</style><div class="box"><div class="content">报名方式</div>
</div>

实线渐变

border-width: 1px 0px 0px 10px; border-style: solid; border-color: rgb(0, 255, 127);
border-image:linear-gradient(to right,rgb(0, 255, 127),rgba(26, 115, 232, 0.953)) 1 10;

文章转载自 http://www.jiucaihua.cn/news/show-18645.html

BORDER 颜色渐变相关推荐

border渐变 ios_iOS实现颜色渐变
我们经常会在UIView添加渐变的背景色.虽然找一张渐变颜色的背景图很方便,但是图片是要占用资源的,同时文件也会变大.所以,我们完全可以使用代码来实现效果. 下面是使用代码来写渐变色的方法. 1.使用 ...
css3实现边框border的颜色渐变
给一个右边框实现颜色渐变.中间深两边浅 .box{border-right: 1px solid;border-image: -webkit-linear-gradient(#F8F8F8 , #A ...
CSS 文字，边框实现从左至右颜色渐变
微信小程序开发交流qq群 173683895 承接微信小程序开发.扫码加微信. 1.文本从左至右颜色渐变效果图: 2.边框从左至右颜色渐变效果图: 实现代码: 1.文本从左至右颜色渐变实 ...
CSS3颜色渐变模式
1.线性渐变:linear-gradient 语法:<linear-gradient> = linear-gradient([ [ <angle> | to <si ...
css四种炫酷科技背景边框，颜色渐变，四角特效
详见个人博客 1.css四角背景无边边框代码如下: <div class="BoxWrap"><div class="horn">&l ...
html边框颜色线性渐变,css3设置边框颜色渐变的方法有哪些
css3设置边框颜色渐变的方法有哪些发布时间:2020-09-14 14:51:54 来源:亿速云阅读:110 作者:小新 css3设置边框颜色渐变的方法有哪些?这个问题可能是我们日常学习或工作经 ...
box-shadow和颜色渐变
box-shadow和颜色渐变双引号实现的元素(内联元素) blockquote:before{content:open-quote} 显示双引号的前半部分 ...
CSS3常用的几种颜色渐变模式总结
转载:https://www.jb51.net/css/511433.html 一.线性渐变:linear-gradient 语法: <linear-gradient> = linear- ...
css实现颜色渐变小动画
效果如下: 完整代码如下: <!DOCTYPE html> <html lang="en"> <head><meta charset=&q ...

BORDER 颜色渐变

虚线渐变

实线渐变

BORDER 颜色渐变相关推荐

最新文章

热门文章