前端面试：css画平行四边形
100人浏览 2024-08-28 09:03:30
在考察应试者CSS基础的时候，有时候会要求用CSS绘制一些基础图形。今天向大家介绍一下平行四边形的绘制，如果用到了不用谢我。
一种思路是使用一个矩形的div和两个三角形拼接来形成平行四边形，当然可以使用伪类，这样就不用使用三个元素了。
另一种是使用skew属性。
举个栗子：
// css
.parallelogram {
display: inline-block;
padding: 50px 100px;
border: 1px solid black;
transform: skew(-20deg);
} //html <div class="parallelogram"></div>
平行四边形
相关推荐
-
PHP8种变量类型的详细讲解2025-02-22 00:32:24 -
php+apache 和 php+nginx的区别2025-02-22 00:21:27 -
PHP：与workerman结合实现定时任务2025-02-22 00:15:57 -
Nginx的Rewrite规则与实例2025-02-22 00:15:39 -
MySql中身份证字段的简单脱敏介绍2025-02-22 00:15:36