背景正方形与一侧的角度

时间:2012-10-02 22:17:12

标签: css css3 background-image transparent css-shapes

我希望能够仅使用CSS创建透明背景,但在一端使用角度。我已经找到了尝试这种方法的各种方法,但却无法得到它。我真的不想使用任何脚本,只有CSS。

背景图片需要如下所示:

square with slanted side

1 个答案:

答案 0 :(得分:9)

您可以使用边框执行此操作:http://jsfiddle.net/wNhjb/

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