可以将边框半径与具有渐变的边框图像一起使用吗?
P粉633733146
P粉633733146 2023-08-29 12:52:01
[CSS3讨论组]

我正在设计一个具有圆形边框(边框半径)的输入字段,并尝试向所述边框添加渐变。我可以成功地制作渐变和圆形边框,但是两者都不能一起工作。它要么是没有渐变的圆角,要么是带有渐变但没有圆角的边框。

-webkit-border-radius: 5px;
-webkit-border-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b0bbc4), to(#ced9de)) 1 100%;

有没有办法让两个 CSS 属性一起工作,或者这是不可能的?

P粉633733146
P粉633733146

全部回复(1)
P粉952365143

根据 W3C 规范,可能不可能:

这可能是因为 border-image 可以采用一些潜在的复杂模式。如果您想要圆形图像边框,则需要自己创建一个。

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号