三角形をCSSで表現する

published: 2018.06.25 / modified:

画像を使わずに、CSS で三角形を表現する場合のサンプルを記す。

CSS で三角形を表現するサンプル

border プロパティを使って三角形を表現している。
width や height の値は 0 を指定している。

display: block;
width: 0;
height: 0;
margin: 0 auto;
color: #333;
border-right: 60px solid transparent;
border-bottom: 90px solid;
border-left: 60px solid transparent;

Previous Article

Next Article