1、首先，打开html编辑器，新建html文件，例如：index.html。
2、在index.html中的<style>标签中，输入css代码：
body {text-align: center;background: url(small2.png); background-size: 60%;}
3、浏览器运行index.html页面，此时成功通过css控制了div居中显示，背景图片的大小为60%。
本人也在此分享如何实现网站PC和移动端自适应，比如我用这个代码从PC端跳转到移动端：
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="mobile-agent" content="format=xhtml;url=duteruanjian.com">
<script type="text/javascript">if(window.location.toString().indexOf('pref=padindex') != -1){}else{if(/AppleWebKit.*Mobile/i.test(navigator.userAgent) || (/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|MOT-|Nokia|SonyEricsson|SIE-|Amoi|ZTE/.test(navigator.userAgent))){if(window.location.href.indexOf("?mobile")<0){try{if(/Android|Windows Phone|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)){window.location.href="duteruanjian.com";}else if(/iPad/i.test(navigator.userAgent)){}else{}}catch(e){}}}}</script>
当手机端打开移动端链接是就会转回手机端页面。
直接用上line-height就可以做到，设置它的高度为你需要的高度就可。
border:1px solid #000fff;
height:500px; --设置高和宽(背景图片会随着宽和高而改变的!)
width:500px;
margin-left:auto;--控制DIV居中显示
margin-right:auto;
background-image:url(/img.jpg);
}
比如
<div id="a"></div>
然后在CSS里加
#a{margin:0px auto;}
图片大小可以这么定义<img src="img.jpg" width="200" height="200" />；
在CSS中可以这么定义
<div id="a"></div>
然后在CSS中加
#a{
border:1px solid #000fff;
height:500px;
width:500px;
background-image:url(/img.jpg);
}
