内容简介：梯形
很多小伙伴在做开发的时候，遇到一些要画很多形状的时候，就很纠结了，知道怎么用CSS去布局，就是不知道怎么画图案。
其实使用CSS可以绘制出很多形状，比如三角形，梯形，圆形，椭圆形等等，并不是只能画矩形。
今天的教程，就来教大家怎么去用CSS绘制这些图形吧。
为了方便大家去理解，今天分成基本形状和组合形状来一起讲解吧，基本形状是非常好理解的，再利用这些基本形状进行组合，就可以实现稍微复杂的组合形状了。
基本形状
三角形
梯形
圆形
椭圆
球体
半圆
菱形
组合形状
心形
心形是由两个圆形和一个矩形进行组合得到的。
扇形
扇形是由一个圆形和一个矩形进行组合得到的，用矩形遮住圆形的一部分就形成了扇形。
五边形
五边形是由一个三角形和一个梯形进行组合得到的。
六边形
六边形是由两个三角形和一个矩形进行组合得到的。
长方体
长方体是由六个矩形进行组合得到的。
圆柱体
圆柱体是由一个椭圆和一个圆角矩形进行组合得到的。
棱锥
棱锥是由四个三角形和一个矩形进行组合得到的。
最后
今天讲的内容里，有些可能大家会觉得有些比较难实现，其实你也可以使用 clip-path 这一个属性，绘制各种形状。
当然，CSS能绘制的东西，远不止这些。还有许多东西今天一下子讲不完，今天讲的都是比较基础的一些，对这个感兴趣的小伙伴可以后面自己去探索一下。
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持 码农网
猜你喜欢:
- c – 如何使用QPainter或QPainterPath使用一个形状或一组形状连接在Qt中绘制自定义形状(如撕裂)
- 用CSS画一些多边形状
- css揭秘实战技巧 - 形状 [二]
- 45个值得收藏的 CSS 形状
- css绘制各种形状图形（第二版）
- 你该知道的《css揭秘》--形状篇
本站部分资源来源于网络，本站转载出于传递更多信息之目的，版权归原作者或者来源机构所有，如转载稿涉及版权问题，请联系我们。
企业IT架构转型之道：阿里巴巴中台战略思想与架构实战
钟华 / 机械工业出版社 / 2017-4-1 / 79
在当今整个中国社会都处于互联网转型的浪潮中，不管是政府职能单位、业务规模庞大的央企，还是面临最激烈竞争的零售行业都处于一个重要的转折点，这个转折对企业业务模式带来了冲击，当然也给企业的信息中心部门带来了挑战：如何构建IT系统架构更好地满足互联网时代下企业业务发展的需要。阿里巴巴的共享服务理念以及企业级互联网架构建设的思路，给这些企业带来了不少新的思路，这也是我最终决定写这本书的最主要原因。本书从阿......一起来看看 《企业IT架构转型之道：阿里巴巴中台战略思想与架构实战》 这本书的介绍吧!
