0

我尝试像下图那样转换我的 div 容器。

CSS 透视图

左边是一个普通的 div 容器,漆成黑色。右边是我想要的容器。

你知道如何在 css3 中解决这个问题吗?我在 css3 中读到了一些关于“多边形”属性的内容,但我也听说这个属性被删除了。

编辑:当内容在盒子里时,它会被弄脏 - 盒子就像“落在后面”。

4

2 回答 2

2

不久前,我在 css-tricks.com 上找到了一篇关于此的文章。这可能有效:

#trapezoid {
    border-bottom: 100px solid red;
    border-left: 50px solid transparent;
    border-right: 50px solid transparent;
    height: 0;
    width: 100px;
}
于 2012-08-09T15:10:11.120 回答
1
    #trapezoid { 
 border-bottom: 100px solid black;
 border-left: 50px solid transparent; 
 border-right: 50px solid transparent; 
 height: 0; width: 100px; }

在这里查看更多形状和技巧

于 2012-08-09T15:09:58.450 回答