CODEPREP | HTMLとCSS3でつくるパンくずのメモです。

borderを使って三角形を作る

• border同士の接地面が斜めの切り口になっていることを利用して作る
• 特定の辺を透過させるには、色をtransparentを設定したり、borderプロパティを設定しないことで実現する
• CSSだけで三角形を作ろう！その1：borderプロパティの仕組みをマスター | 株式会社グランフェアズ

外枠を個別に丸める

• border-*-*-radiusプロパティを使う

border-top-left-radius: 左上を丸める値;
border-top-right-radius: 右上を丸める値;
border-bottom-left-radius: 左下を丸める値;
border-bottom-right-radius: 右下を丸める値;