問題描述

如何用css畫出一個(gè)寬度占滿屏幕，高度固定的三角形？

比如：

在上面那個(gè)容器寬度不固定的情況下也可以與上面的容器等寬。

問題解答

用 border 來做的話好像不太容易實(shí)現(xiàn)，最后采用漸變和偽元素來實(shí)現(xiàn)，可以實(shí)現(xiàn)上面的效果，只是不知道你要兼容的瀏覽器版本是什么。

具體代碼參見：http://codepen.io/yuezk/pen/xwQweW