.content{
border: 2px solid #000000;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius:15px;
}
该边框为圆角;
【前端学习(十四)CSS 圆角边框代码】圆角代码也支持拆分的(四个边框都圆角10px的拆分css代码如下):
border-top-left-radius: 10px;
border-top-right-radius: 10px;
border-bottom-right-radius:10px;
border-bottom-left-radius:10px;
这两个是为了兼容其他一些不常用浏览写的css圆角代码
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
像素是那个圆角范围的大小
推荐阅读
- CSS三栏布局方法
- 前端学习|【javascript】实现动画效果
- 自学前端—day 7
- 自学前端 day10
- 自学前端day 8
- 前端学习|回归前端学习第24天-实现俄罗斯方块小游戏7(实现单机版3—实现消行、更新方块、结束)
- 自学前端---day 3
- 前端学习——Day01
- 前端学习之——js解析json数组