您的位置:首页技术文章
文章详情页

html5 - CSS3边框渐变、彩色问题求指教

【字号: 日期:2023-01-10 15:16:24浏览:27作者:猪猪

问题描述

html5 - CSS3边框渐变、彩色问题求指教

如上图所示想实现这种彩色边框,听人说CSS3能实现,麻烦有做过的给个简单demo、O(∩_∩)O谢谢

问题解答

回答1:

第一个参数是边框向内偏移,第二个是边框宽度

border-image: -webkit-linear-gradient( red, blue, yellow, black, white, green) 1 1;

html5 - CSS3边框渐变、彩色问题求指教

如果只是两边的话,这个就可以,上下左右的话就加个旋转吧,如果全部的话就再加一个然后旋转加边框透明或者直接一张图解决。

回答2:

demo就不给你写了。百度 css3 linear-gradient 线性渐变吧。

回答3:

边框貌似只能通过背景模拟,或者边框背景图

标签: Html5
相关文章: