现在火狐下可以直接只用border-image属性了,不过我在使用的时候遇到一个使用后没有效果的问题(PS:测试了火狐、chrome、safari只有火狐下无效),纠结了半个小时,css代码如下:
.border-image-round { width:600px; height:300px; border-image: url("img/1.png") 27 round stretch; -moz-border-image: -webkit-border-image: -o-border-image: url("img/1.png") 27 round stretch; }
后来发现,在firefox下必须加上border属性才能生效,纠结,完成后代码如下:
.border-image-round {300px;
border:27px solid #999;
border-image: url("img/1.png") 27 round stretch; }
希望能帮到你。
原文地址:https://www.cnblogs.com/lxiang
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。