本文摘自PHP中文网,作者藏色散人,侵删。
css borderradius不起作用的解决办法:1、设置“border:none;”去掉边框;2、设置“border-radius:40px;”属性;3、使用“box-shadow: 0px 0px 5px #ccc”设置边框。
本教程操作环境:windows7系统、css3版,Dell G3电脑。
推荐:《css视频教程》
使用border-radius无效,能看到背景还是方形的,边框变成圆角了的解决方案
解决方案:
1、设置border:none; 去掉边框;
2、设置border-radius:40px; 若遇到浏览器兼容的问题,可加上兼容的css代码;
3、最后,使用box-shadow: 0px 0px 5px #ccc; 利用该特性设置边框。
以上就是css borderradius不起作用怎么办的详细内容,更多文章请关注木庄网络博客!
相关阅读 >>
更多相关阅读请进入《css》频道 >>
Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者