本教程操作环境：windows7系统、css3版，Dell G3电脑。

推荐：《css视频教程》

使用border-radius无效，能看到背景还是方形的，边框变成圆角了的解决方案

解决方案：

立即学习“前端免费学习笔记（深入）”；

1、设置border：none; 去掉边框；

2、设置border-radius:40px; 若遇到浏览器兼容的问题，可加上兼容的css代码；

3、最后，使用box-shadow: 0px 0px 5px #ccc; 利用该特性设置边框。