怎么用CSS3代码书写平行四边形

这篇文章给大家分享的是有关怎么用CSS3代码书写平行四边形的内容。小编觉得挺实用的，因此分享给大家做个参考，一起跟随小编过来看看吧。用css3的CSS3 transform 旋转的属性写出来，就是transform：skew。

代码如下：

用css3旋转写平行四边形

.box{width:1200px;margin:100px auto;}

.skew{width:1000px;height:7免费云主机、域名34px;background:#f0eb4f;margin:0 auto;color:#000;

font-size:20px;line-height:500px;text-align:center;transform: skew(-15deg);}

.skew-main{transform: skew(15deg);}

.box02 {

width: 0;

height: 0;

border-top: 100px solid #f44261;

border-right: 100px solid transparent;

}

感谢各位的阅读！关于“怎么用CSS3代码书写平行四边形”这篇文章就分享到这里了，希望以上内容可以对大家有一定的帮助，让大家可以学到更多知识，如果觉得文章不错，可以把它分享出去让更多的人看到吧！

相关推荐: JAVA语言环境如何搭建

这篇“JAVA语言环境如何搭建”文章的知识点大部分人都不太理解，所以小编给大家总结了以下内容，内容详细，步骤清晰免费云主机、域名，具有一定的借鉴价值，希望大家阅读完这篇文章能有所收获，下面我们一起来看看这篇“JAVA语言环境如何搭建”文章吧。 1、下载JDK …