Cara membuat tampilan segitiga di HTML dan CSS?

Ngga ada sebutannya sih gan, tapi kita bisa bikin dengan css, idenya ada div, yang tinggi dan lebarnya 0, tapi 3 sisi bordernya bkita kasih nilai (tergantung arah yang kita mau) ini contoh kalo mau runcing atas, semua border dikasih kecuali bagian atas.

<div class="arrow-up"></div>

<!--  css -->
.arrow-up {
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 5px solid black;
}

ini ada link bagus gan cari css trick https://css-tricks.com/snippets/css/css-triangle/