演示代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">
div{
width: 50%;height: 50px;
background-color: #0000ff;
background-image: url(bj.jpg);
background-repeat: no-repeat;
/* background-size: 400px 100px; */ /* 背景图片尺寸 */
/* background-size: 16em 5em; */
/* background-size: 100% 100%; */
/* background-size: contain; */
/* background-size: cover; */
}
</style>
</head>
<body>
<!--
背景尺寸：
background-size: 宽度 高度;
1，尺寸单位，宽高固定值
2，百分比%，以父元素百分比设置图片宽高
3，contain，把背景图片扩展至最大尺寸，使宽度或高度完全适应内容区域，保持宽高比
4，cover，把背景图片按宽高比扩展至足够大，使背景图片完全覆盖，背景图片某些部分不能显示
5，当设置一个值，第二个默认auto，图片不会变形
-->
<div></div>
</body>
</html>
