<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>title</title>
<meta name="author" content="" />
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta http-equiv="content-type" content="text/htmlcharset=utf-8" />
<style type="text/css">
.content {width:200pxheight:100pxoverflow:hiddenbackground-color:#fafafa}
.content img {display:blockmargin:0 auto}
</style>
<script type="text/javascript">
</script>
</head>
<body>
<div class="content">
<div><img src="tt.jpg"><div>
</div>
</body>
</html>
<!--上述代码兼容ie6,7,8,ff, safari, opera, chrome! -->
background-color 属性设置元素的背景颜色。
background-color 属性为元素设置一种纯色。这种颜色会填充元素的内容、内边距和边框区域，扩展到元素边框的外边界（但不包括外边距）。如果边框有透明部分（如虚线边框），会透过这些透明部分显示出背景色。
transparent 值
尽管在大多数情况下，没有必要使用 transparent。不过如果您不希望某元素拥有背景色，同时又不希望用户对浏览器的颜色设置影响到您的设计，那么设置 transparent 值还是有必要的。 默认值：transparent继承性：no版本：CSS1JavaScript 语法：object.style.backgroundColor=#00FF00body {background-color:yellow}h1 {background-color:#00ff00}p {background-color:rgb(255,0,255)}
需要准备的材料分别有：电脑、浏览器、html编辑器。1、首先，打开html编辑器，新建html文件，例如：index.html。
2、在index.html中的<style>标签中，输入css代码：body {background: url(image.jpg) no-repeatbackground-size: 300px}。
3、浏览器运行index.html页面，此时背景图片成功用css等比例缩小到了300px宽度的大小。
