• 技术文章 >web前端 >css教程

    css borderradius不起作用怎么办

    藏色散人藏色散人2021-01-20 17:25:45原创2402

    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不起作用怎么办的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:css
    上一篇:css a代表什么 下一篇:css如何获取图片的宽度
    VIP课程(WEB全栈开发)

    相关文章推荐

    • 【腾讯云】年中优惠,「专享618元」优惠券!• 如何解决浏览器不加载css文件的问题• hover在css中有什么用?• vue如何给组件加css样式• css图片有什么属性
    1/1

    PHP中文网