CSSで台形の先が尖った形を作りたいです。

CSSで下記画像のような形を再現したいです。
イメージ説明

サイトを見て下記コードで三角はできたのですが、

border-top: 111.6025px solid #d2b088; border-left: 500px solid transparent; border-right: 500px solid transparent;

こんな感じになりました。
イメージ説明

あとは、もう少し上の部分を伸ばしたいのですが、どうすれば良いでしょうか?
この形をなんていうのか分からず、色々調べたのですが、見つけられませんでした。

コメントを投稿

0 コメント