border-radius圆角边框 正圆
2017-04-18 14:38
316 查看
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <style> div{ width: 200px; height: 200px; background-color: aquamarine; border-radius: 100px; background-image: url("../img/cat.jpg"); background-size: 200px 200px ; /*变成正圆 border-radius: 100px;*/ } </style> <title></title> </head> <body> <div> </div> </body> </html>
若
border-radius: 10px 10px;
则
相关文章推荐
- css3边框——圆角效果(border-radius)、阴影(box-shadow)、边框应用图片(border-image)
- css3(border-radius)边框圆角详解
- 圆角效果 border-radius——阴影 box-shadow——为边框应用图片 border-image
- border-radius是向元素添加圆角边框。
- CSS3边框 圆角效果 border-radius
- CSS border-radius边框圆角
- border-radius边框圆角效果(CSS3)
- css3(border-radius)边框圆角详解
- border-radius是向元素添加圆角边框的方法
- css3(border-radius)边框圆角详解
- CSS3 border-radius实现边框圆角
- 实现CSS3中的border-radius(边框圆角)示例代码
- CSS3简明教程-2.2.CSS3边框之 圆角border-radius
- css3(border-radius) 边框圆角详解
- css3(border-radius)边框圆角详解
- CSS3 border-radius边框圆角
- CSS3边框 圆角效果 border-radius
- CSS3中(border-radius)边框圆角详解
- CSS3利用border-radius实现边框圆角
- 第二章:第四课 css 3.0属性border-radius设置边框圆角