欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

css borderradius不起作用怎么办

程序员文章站 2022-03-14 17:37:08
...

css borderradius不起作用的解决办法:1、设置“border:none;”去掉边框;2、设置“border-radius:40px;”属性;3、使用“box-shadow: 0px 0px 5px #ccc”设置边框。

css borderradius不起作用怎么办

本教程操作环境: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