是否有 CSS 属性来控制或设置 div 每一边的长度 [重复]答案

【问题标题】：Is there a CSS property to control or set the length of each side of a div [duplicate]是否有 CSS 属性来控制或设置 div 每一边的长度 [重复]
【发布时间】：2021-01-27 06:39:18
【问题描述】：

我一直在寻找一种方法来控制 CSS 中 div 每一边的长度。就像您可以控制每个边框的颜色和宽度一样。目的是创建一个不规则的形状（不是正方形，不是矩形，也许是梯形）。我认为可能有类似的东西

length-top:200px;
length-right: 150px;
length-bottom:300px;
length-left:100px;

如果在 CSS 中没有办法做到这一点，建议增加这些属性的程序是什么？

【问题讨论】：

bennettfeely.com/clippy
你见过css-tricks.com/the-shapes-of-css/#trapezoid-shape，来自网站css-tricks.com/the-shapes-of-css
我使用 clip-path 属性管理它。谢谢@Aleksandar

标签： html css polygon

【解决方案1】：

你应该试试这个..

div {    
  width:250px;
  height:100px;
  border:2px solid red;        
  margin-left:100px;
  margin-bottom: 0;
  margin-top: 5px;
}
.trapezium {
  margin-top: 0;
  border-top-width:4px;
  border-bottom-width:1px;
  -webkit-transform: perspective(150px) rotateX(40deg);    
}

&lt;div class="trapezium"&gt;&lt;/div&gt;

【讨论】：