旋转：（rotate）
[css] view plain copy
-webkit-transform:rotate(10deg)
-moz-transform:rotate(10deg)
transform:rotate(10deg)
翻转：（scale）
(这个属性是放缩的功能，怎么能翻转的！原来括弧里面（1，1）前者表示X轴，后者表示Y轴，当数字大于1时放大，大于0并小于1时缩小，负数代表翻转)
水平翻转：
[css] view plain copy
-webkit-transform:scale(-1，1)
-moz-transform:scale(-1，1)
transform:scale(-1，1)
垂直翻转：
[css] view plain copy
-webkit-transform:scale(1，-1)
-moz-transform:scale(1，-1)
transform:scale(1，-1)
需要准备的材料分别有：电脑、浏览器、html编辑器。
1、首先，打开html编辑器，新建html文件，例如：index.html。
2、在index.html中的<style>标签中，输入css代码：body {background: url(image.jpg) no-repeatbackground-size: 100%}。
3、浏览器运行index.html页面，此时成功设定背景图片等比例放缩到网页宽度。
<html><style type="text/css">
<!--
#main{position:reletive}再相应的定义其它样式。
.telposition{margin-left:300pxmargin-top:600px}这里你写错了
.letter {margin:40px 52px 62px 36px}
.mouse1 {position:absoluteleft:750pxtop:450px}
.mouse2 {position:absoluteleft:750pxtop:500px}
-->
</style>
<body background="newspaper1修改2.gif">
<div id="main">
<div class=mouse1><img src="mouse.png"></div>
<div class=mouse2><img src="mouse.png"></div>
<div class=letter><img src="message.png"></div>
<div class=telposition><img src="telephone.png"></div>
</div>
</body>
</html>
