css - 一侧成一定角度的背景正方形

Question

我希望能够仅使用 CSS 创建一个透明背景，但一端有一个角度。我找到了各种尝试这样做的方法，但无法完全理解。我真的不想使用任何脚本，只是 CSS。

背景图像需要如下所示：

Answer 1

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

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

​</p>