项目中用到了border的渐变使用，虽然可以使用图片，但不如代码实现效果好，所以实现了border两头渐变的效果文章来源：https://www.toymoban.com/news/detail-504759.html
效果如图：文章来源地址https://www.toymoban.com/news/detail-504759.html
.text-desc{
width: 24%;
height: 100%;
box-sizing: border-box;
/*必须设置border宽度和样式*/
border-left: 3px solid;
/*设置线性渐变*/
border-image: linear-gradient(180deg, rgba(25, 162, 255, 0) 10%, rgba(20, 125, 202, 1) 50%, rgba(25, 162, 255, 0) 90%) 2 2 2 2;
padding: 15px;
cursor: default;
}到了这里，关于css实现border渐变样式的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
