问答博客标签用户活动
logo极客观点logo项目管理logoHarmonyOS
javascript
php
java
vue.js
git
html5
python
node.js
android
mysql
react.js
linux
ios
css
golang
spring
docker
程序员
logoONES 研发管理logo思否企业问答logo安谋科技 XPU

border-bottom border-image ios出现4条边框 兼容性

头像
慧子
    314
    新手上路，请多包涵

    当我只想要底部边框颜色渐变，设置了
    border-bottom：5px solid;
    border-image: linear-gradient(to right, rgb(241,193,168), rgb(180, 100, 90)) 1 10;
    发现四条边框都出现了，只是底部边框更宽些，。
    pc端和安卓上这样设置就是正常的出现底部一条边框。在ios手机上就四条边框都出现

    css3css
    阅读 3.1k
    1 个回答
    得票最新
    头像
    慧子
      314
      新手上路，请多包涵

      在ios中这样设置border-image: linear-gradient(to right, rgb(241,193,168), rgb(180, 100, 90)) 0 0 100 0;就可以只显示底部一条边框了，
      因为border-image-slice:top right bottom left; 可以表示四条边

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