简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
html5 - CSS3边框渐变、彩色问题求指教
PHP中文网
PHP中文网 2017-04-17 15:07:00
0
3
989

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

PHP中文网
PHP中文网

认证0级讲师

répondre à tous(3)
阿神
阿神2017-04-17 15:09:00 3 plancher

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

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

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

Comme +0
Ajouter une réponse
巴扎黑
巴扎黑2017-04-17 15:09:00 2 plancher

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

Comme +0
Ajouter une réponse
阿神
阿神2017-04-17 15:09:00 1 plancher

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

Comme +0
Ajouter une réponse
Sujets populaires
Plus>
Articles populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois：Formation PHP en ligne sur le bien-être public，Aidez les apprenants PHP à grandir rapidement！