boder渐变颜色设置

GJF_blog

已于 2024-05-06 15:11:48 修改

阅读量222

点赞数 1

分类专栏： css 文章标签： javascript 开发语言 ecmascript css css3

于 2024-05-06 14:55:37 首次发布

本文链接：https://blog.csdn.net/GJF_blog/article/details/138494784

版权

css 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

boder渐变颜色设置效果如下

在这里插入图片描述
下面展示 css代码片。

.border_Style {

	height:200px;
	box-sizing: border-box;
	 /*必须设置border宽度和样式*/
	border-left: 2px solid;
	 /*设置线性渐变*/
	border-image: linear-gradient(180deg,  rgba(25, 162, 255, 0) 10%, rgba(20, 125, 202, 1) 60%, rgba(25, 162, 255, 0) 100%) 1 1 1 1;
}