①clip-path を使った方法

コンテンツ

IEには対応していません。他のブラウザで確認ください。

コンテンツ

②border を使った方法

コンテンツ

コンテンツ

③transform: skew; を使った方法

コンテンツ

コンテンツ