1つの応答側を持つCSSの三角形

Question

しばらく検索していますが、解決策が見つかりませんでした。

問題は、divの100％幅で伸びるには固定高さ（50px）のCSS三角形が必要です。

確かに、jsまたはjquery経由で、またはsvgで置き換えることができますが、これには純粋なCSSソリューションがありますか？

Answer 1

純粋なCSS三角形は罫線で管理でき、罫線では太さでの太さをサポートしていません。だから私は不可能だと思う。