简体中文(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
969

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

PHP中文网
PHP中文网

认证0级讲师

全部回复 (3)
阿神
阿神2017-04-17 15:09:00 3 楼

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

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

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

点赞+0
添加回复
    巴扎黑
    巴扎黑2017-04-17 15:09:00 2 楼

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

    点赞+0
    添加回复
      阿神
      阿神2017-04-17 15:09:00 1 楼

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

      点赞+0
      添加回复
        热门专题
        更多>
        热门文章
        热门教程
        更多>
        相关教程
        热门推荐
        最新课程
        最新下载
        更多>
        网站特效
        网站源码
        网站素材
        前端模板
        关于我们 免责声明 Sitemap
        PHP中文网：公益在线PHP培训，帮助PHP学习者快速成长！