border显示渐变色

发布网友发布时间：2023-08-07 17:15

共1个回答

热心网友时间：2023-09-15 00:34

创建一个线性渐变，需要指定两种颜色，还可以实现不同方向（指定为一个角度）的渐变效果，如果不指定方向，默认从上到下渐变。

大多数情况下边框都会搞个圆角border-radius: 4px;，但是设置了border-image的情况下，border-radius是不生效的。
下面的方案是通过background-image来实现
外层div背景色设置渐变，给个padding，设置圆角，内部div设置百分百宽高，背景色白色，就能搞出了border来啦～～

CSS渐变色边框，解决border设置渐变后，border-radius无效的问题

2021年12月16日始
2021年12月16日发布第一稿

声明：本网页内容为用户发布，旨在传播知识，不代表本网认同其观点，若有侵权等问题请及时与本网联系，我们将在第一时间删除处理。E-MAIL:11247931@qq.com