css3实现border渐变色

作者: 本站原创发布时间:2021-08-30 浏览: 540 次

样式代码：

01.box{
02 
03     width: 100px;
04 
05     height: 100px;
06 
07     border:10px solid #ddd;
08 
09     border-image: -webkit-linear-gradient(#ddd,#000) 30 30;
10 
11     border-image: -moz-linear-gradient(#ddd,#000) 30 30;
12 
13     border-image: linear-gradient(#ddd,#000) 30 30;
14 
15}

前端效果：

css3实现border渐变色

上一篇：css border 圆角代码

下一篇：没有了

css3实现border渐变色

样式代码：

前端效果：

相关文章