背景方形具有一侧呈角度倾斜

Question

3

我希望能够使用纯CSS创建一个具有一端角度的透明背景。我已经尝试了各种不同的方法，但都无法完全实现。我不想使用任何脚本，只使用CSS。

背景图片需要如下所示：

- RustyIngles

1

这里有各种例子：http://css-tricks.com/examples/ShapesOfCSS/ - NightHawk

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Alex · Accepted Answer

您可以使用边框实现它：http://jsfiddle.net/wNhjb/

#shape {
   height: 0; 
   width: 80px;
   border-top: 80px solid blue;
   border-left: 40px solid transparent;
}