问答博客资讯标签用户活动
logo极客观点logo项目管理logoHarmonyOS
javascript
前端
python
node.js
react
vue.js
php
laravel
go
人工智能
mysql
linux
ios
java
android
css
typescript
spring
程序员
logoONES 研发管理logo思否企业问答logo安谋科技 XPU

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

头像
alandi
    5501091136

    图片描述

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

    css3csscss框架html5
    阅读 18k
    3 个回答
    得票最新
    头像
    明月清风_
      26816
      ✓ 已被采纳

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

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

      图片描述

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

      头像
      zkimyes
        1.1k113

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

        头像
        userdhf
          87297598

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

          撰写回答
          你尚未登录，登录后可以
          • 和开发者交流问题的细节
          • 关注并接收问题和回答的更新提醒
          • 参与内容的编辑和改进，让解决方法与时俱进
          推荐问题