css如何让div斜着展现?只需要一段让div斜着的css代码就能搞定
作者:温州网站建设   发布时间:2016-11-07  浏览:
下面做了一个让div倾斜45°角的代码,如果要修改div大小,你可以修改width:50px;  height:50px; 另外,想要然角度倾斜60°,或者倾斜90°,那就要改代码中的45deg这个代码,将45这个数字改成你要的角度数值就可以了。具体代码如下:
 
<style> div{
margin:30px;
width:50px;
height:50px;
background-color:#09F;
/* Rotate div */
transform:rotate(45deg);
-ms-transform:rotate(45deg); /* Internet Explorer */
-moz-transform:rotate(45deg); /* Firefox */
-webkit-transform:rotate(45deg); /* Safari 和 Chrome */
-o-transform:rotate(45deg); /* Opera */
}
</style>
 
<div> </div>
 
预览效果图:
斜角45°css代码
 
分享到:QQ空间新浪微博腾讯微博人人网微信
产品服务

欣网网络的小伙伴们随时为您待命