css如何让网页倾斜呢?


摘要:
下文讲述使用css代码将网页倾斜的方法分享,如下所示:

实现思路:
    1.确保网页中所有元素存在于body元素中
    2.使用 transform属性对网页旋转指定角度

例:
旋转网页1deg

  <meta charset='utf-8' />
 <body>
<p>
maomao365.com <br />
让网页倾斜的实现方法分享
</p>
<hr />
<div >
 我倾斜了,你看出来没?
</div> 
<style>
 div{
    background-color:green;
    color:white;font-weight:bold;
    width:160px;
    height:80px;
    line-height:80px; 
    padding-left:10px;
 }

   body{
transform:rotate(1deg);
-webkit-transform: rotate(1deg);
-moz-transform: rotate(1deg);
-o-transform: rotate(1deg);
}
</style>
 </body>
css让网页倾斜的示例分享

css让网页倾斜的示例分享