小伙伴们知道css可以制作平行四边形吗？让我们一起来看看怎么做吧。制作平行四边形需要使用到 transform的skew进行设置语法：div{transform:skew(-30deg); /*设置倾斜度为-30*/ }
方法/步骤
1
新建html页面。打开hmtl编辑器，新建一个html页面。如图：
2
添加div标签在html页面上找到
标签，在标签里新建一个标签。如图：
3标签,在这个标签后添加<style type='text/css'></style>标签。如图：</p></div><div class="listcon"><span>4</span><p>设置平行四边形样式类。在<style>标签里新建一个 .parallelogram{} 样式类，在这个样式类中设置div的宽、高、倾斜度、背景色、外边框。代码为：.parallelogram { width: 200px; height: 120px; transform:skew(-30deg); -webkit-transform: skew(-30deg); -moz-transform: skew(-30deg); -o-transform:skew(-30deg); -ms-transform:skew(-30deg); background-color: red; margin: 50px auto; }</p></div><div class="listcon"><span>5</span><p>引用样式类在<div>标签中添加 class='parallelogram',即可把样式类添加到div上。如图：</p></div><div class="listcon"><span>6</span><p>查看效果把html文件保存后使用浏览器打开，就可以看到平行四边形的效果。如图：</p></div><div class="listcon"><span>7</span><p>实现平行四边形的所有代码：<!DOCTYPE html> <html> <head> <meta charset='UTF-8'> <title>平行四边形
添加样式标签。在代码页面上找到
上一篇：绘制四边形的广义内心（网络画板）
下一篇：九巧板如何拼成大平行四边形图形
推荐信息
- 1
css如何制作平行四边形
- 2
win7中提示telnet不是内部或外部命令该怎么办？
- 3
付呗提醒你聚合支付加盟应该注意什么？
- 4
POS机代理商收单机构加盟的必选要素分析！
- 5
怎么做手游充值代理商
- 6
刷脸支付市场前景这么大，如何加入？
- 7
为什么那么多人抢着做刷脸支付代理？
- 8
怎么做刷脸支付的代理
- 9
刷脸支付代理的盈利途径有哪些呢？
- 10
好享付成为代理流程
- 11
做刷脸支付代理需要了解的几大要点？
- 12
代理商下单系统怎么操作
- 13
刷脸支付代理加盟可靠吗？
- 14
如何选择刷脸支付代理？
- 15
做刷脸支付代理应该具备哪些条件？
- 16
二维码支付代理怎么做
- 17
花呗分期代理商该如何做？
- 18
做刷脸支付代理需要了解什么？
- 19
做刷脸支付代理有什么好处？
- 20
刷脸支付代理靠到底什么来盈利？
- 21
个人如何成为盒子支付代理商