html - こんにちは、CSS を使用して三角形を描画するにはどうすればよいですか?

Question

重複の可能性:
この CSS 三角形はどのように機能しますか?

あなたの提案が必要です。

Answer 1

例えば：

.arrow-right {
    width: 0; 
    height: 0; 
    border-top: 60px solid transparent;
    border-bottom: 60px solid transparent;

    border-left: 60px solid green;
}

http://css-tricks.com/snippets/css/css-triangle/

Answer 2

CSSを使用して三角形を描画する方法については、こちらをご覧ください。次に例を示します。

.arrow-right {
    width: 0; 
    height: 0; 
    border-top: 60px solid transparent;
    border-bottom: 60px solid transparent;

    border-left: 60px solid green;
}

CSSのトリックはここにあります