背景正方形与一侧的角度

Question

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

背景图片需要如下所示:

Answer 1

你可以使用边框来做到这一点:http://jsfiddle.net/wNhjb/

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

​