borderの1部分を透過にして三角形を作成するのが一般的ですが
結構考えるのがめんどくさい時があります。

そこで、オススメなのが
ウェブツールなのですが
「CSS三角形作成ツール」です。
http://apps.eky.hk/css-triangle-generator/ja
こちらは、必要な数値を入れるとその三角形を表示しソースコードを表示してくれる優れものツールです。

こういった便利なツールがあると、作業の短縮ができるのでどんどん活用していきましょう。