Cara Membuat CSS Border Triangle

referensi css ini saya baca dari hompimpaalaihumgambreng.

1. Pmbentukan Triangle(Segitiga)
bisa dilihat pada demo Div dibawah ini:

Div diatas terbentuk dengan css style dibawah ini:

.coba {
  width:0px;
  height:0px;
  border-width:150px;
  border-style:solid;
  border-color: red green blue yellow;
}

dengan kode html :  

<div class="coba">
</div>

Untuk ukuran dari bordernya bisa kamu atur pada kode css border-width, jika belum mengerti pembentukan tampilan dari css triangle ini bisa di ilustrasikan dengan gambar dibawah ini:

2. Menghilangkan sebagian atau semua Border color 
kamu juga bisa membuat tampilan lain menggunakan css border triangle seperti ini :

dengan menambahkan kode transparent pada border-color css stylenya untuk menghilangkan bagian yang diinginkan :

.coba2 {
  width:0px;
  height:0px;
  border-width:50px;
  border-style:solid;
  border-color: black black black transparent
}

Juga seperti ini tinggal kreasikan pemilihan warna dan transparent -nya.

.coba3 {  width:0px;  height:0px;  border-width:50px;  border-style:solid;  border-color: #fc0 #fc0 transparent #fc0}

oke cukup sampai sini saja

Backlink Please !

URL

Code For Forum

HTML Code <a href='https://derdzyozzer.blogspot.com/2013/04/cara-membuat-css-border-triangle.html' target='_blank'>Cara Membuat CSS Border Triangle</a>

Sobat Sekarang Sudah Baca Artikel Tentang Cara Membuat CSS Border Triangle Sobat Bisa Menemukan Artikel Cara Membuat CSS Border TriangleSaya Ini, dengan url https://derdzyozzer.blogspot.com/2013/04/cara-membuat-css-border-triangle.html, Kamu Juga Boleh Menyebar Luaskan Artikel Ini Atau Mengcopy Paste Artikel Cara Membuat CSS Border Triangle ini Jika Memang Berrmanfaat. Tapi Saya Harap Anda Jangan Lupa Menyertakan Link Cara Membuat CSS Border Triangle Sumbernya. Thank's