html5 - CSS3边框渐变、彩色问题求指教
PHP中文网
PHP中文网 2017-04-17 15:07:00
0
3
993

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

PHP中文网
PHP中文网

认证0级讲师

membalas semua(3)
阿神

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

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

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

巴扎黑

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

阿神

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

Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina:Latihan PHP dalam talian kebajikan awam,Bantu pelajar PHP berkembang dengan cepat!