background-size:auto，默认值，以图片自身大小填充元素，根据元素大小来调节自身比例，不会让图片变形。
css3关于background-size属性
1.
<!doctype html><html><head> <meta charset="utf-8"> <title>background-size属性</title> <style type="text/css"> div{ width:300px; height:150px; border:1px solid black; background:url("photo.jpg") no-repeat; } </style></head><body> <div></div></body></html>
2.背景图片本身大小—width:200px ，height:133px ，上述代码的效果图如下：
像素值，比如 30px 50px，分别表示width height
css3关于background-size属性
<!doctype html><html><head> <meta charset="utf-8"> <title>background-size属性</title> <style type="text/css"> div{ width:300px; height:150px; border:1px solid black; background:url("photo.jpg") no-repeat; background-size:250px 100px; } </style></head><body> <div></div></body></html>
相信看了这些案例你已经掌握了方法，更多精彩请关注其它相关文章！
相关阅读：
css3中transform属性的使用教程
css3中的border-image属性详细介绍
前端项目里里定位几种方式
以上就是css3关于background-size属性的详细介绍的详细内容。