案例:CSS3案例     状态:可编辑再运行    进入竖版
 运行结果 
x
 
1
<!DOCTYPE html>
2
<html>
3
<head>
4
<style> 
5
div
6
{
7
width:100px;
8
height:75px;
9
background-color:yellow;
10
border:1px solid black;
11
}
12
div#div2
13
{
14
transform:rotate(30deg);
15
-ms-transform:rotate(30deg); /* IE 9 */
16
-moz-transform:rotate(30deg); /* Firefox */
17
-webkit-transform:rotate(30deg); /* Safari and Chrome */
18
-o-transform:rotate(30deg); /* Opera */
19
}
20
</style>
21
</head>
22
<body>
23
24
<div>你好。这是一个 div 元素。</div>
25
26
<div id="div2">你好。这是一个 div 元素。</div>
27
28
</body>
29
</html>
30