Pada artikel kali ini saya akan mencontohkan bagaimana cara membuat bentuk segitiga dengan css, seperti yang kita tau, tag div mempunyai bentuk kotak, nah sekarang saya menggunakan elemnt div namun hasilnya akan berbentuk segitiga, mungkin kita langsung saja praktekkan,
silahkan ketikan script berikut :
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<style>
.segitiga{
width:0;
height:0;
border-style:solid;
border-width:100px;
border-color:#CF5D5F #4CC04C #4778B3 #E8E83D;
}
.segitiga{
width:0;
height:0;
border-style:solid;
border-width:100px;
border-color:transparent #CF5D5F transparent transparent;
}
</style>
</head>
<body>
<div class="segitiga"></div>
</body>
</html>silahkan teman-teman save, jika bentar maka hasilnya akan seperti berikut :
oke selamat mencoba dan sampai bertemu artikel selanjutnya
terimakasih 
The post Membuat Bentuk Segitiga Pure CSS appeared first on Kursus Website Terbaik.