Membuat Segitiga / Triangle dengan fungsi border pada CSS

Membuat Segitiga / Triangle dengan fungsi border pada CSS - On Maskibow

Membuat Segitiga / Triangle dengan fungsi border pada CSS

Bagaimana yah membuat segitiga / triangle tanpa menggunakan file gambar atau image???....
Bisa kok gambar segitiga / triangle tanpa

<div id="Layer1" style="position:absolute; left:0px; bottom:0px; width:100%; height:20px; z-index:300; background-color: black; color: orange;"><marquee behavior="scroll" direction="left" loop="-1" hspace="100" scrollamount="3">This Content Write By © Maskibow  Folder On Maskibow, Visited <a href="http://maskibow.blogspot.com" style="text-decoration: none; color: lime;">http://maskibow.blogspot.com</a> Free Software, Free Games, Tutorial Web & Design, Tips n Tricks and many more..</marquee></div>

menggunakan file image atau gambar, yaitu dengan menggunakan CSS yang detailnya dengan menggunakan fungsi CSS pada CSS BORDER, Yuk mari lihat dulu contohnya :

Contoh Penulisan CSS Segitiga Panah Ke-atas :

Bentuk Segitiga Panah Ke-atas :
<style>
.segitigakeatas {
width: 0;
height: 0;
border-left: 20px solid transparent;
border-right: 20px solid transparent;
border-bottom: 20px solid orange;
}
</style>

Contoh Penulisan HTML-nya :

Bentuk Segitiga Panah Ke-atas dengan tag DIV:
<div class="segitigakeatas"></div>

Contoh Tampilannya :

Contoh Penulisan CSS Segitiga Panah Ke-bawah:

Bentuk Segitiga Panah Ke-bawah :
<style>
.segitigakebawah {
width: 0;
height: 0;
border-left: 20px solid transparent;
border-right: 20px solid transparent;
border-top: 20px solid orange;
}
</style>

Contoh Penulisan HTML-nya :

Bentuk Segitiga Panah Ke-bawah dengan tag DIV:
<div class="segitigakebawah"></div>

Contoh Tampilannya :

Contoh Penulisan CSS Segitiga Panah Ke-kanan :

Bentuk Segitiga Panah Ke-kanan :
<style>
.segitigakekanan {
width: 0;
height: 0;
border-left: 20px solid orange;
border-bottom: 20px solid transparent;
border-top: 20px solid transparent;
}
</style>

Contoh Penulisan HTML-nya :

Bentuk Segitiga Panah Ke-kanan dengan tag DIV:
<div class="segitigakekanan"></div>

Contoh Tampilannya :

Contoh Penulisan CSS Segitiga Panah Ke-kiri :

Bentuk Segitiga Panah Ke-kiri :
<style>
.segitigakekiri {
width: 0;
height: 0;
border-left: 20px solid orange;
border-bottom: 20px solid transparent;
border-top: 20px solid transparent;
}
</style>

Contoh Penulisan HTML-nya :

Bentuk Segitiga Panah Ke-kiri dengan tag DIV:
<div class="segitigakekiri"></div>

Contoh Tampilannya :

Kamu harus memperhatikan dari bentuk contoh

penulisan CSS diatas yang bertuliskan teks dengan warna merah disana terdapat perbedaan yang musti kamu cermati baik dari pola sisi seperti :
border-left: 20px solid orange // tanpa border-right // dan harus bewarna
border-bottom: 20px solid transparent // dan harus tidak bewarna
border-top: 20px solid transparent // dan harus tidak bewarna
ini akan menampilkan segitiga dengan sudut berada pada kanan dan begitupun sebaliknya, mudah-kan??? selamat mengkotak-katik deh bro....

triangle segitiga pada CSS, cara membuat triangle segitiga pada CSS, cara membikin triangle segitiga pada CSS, tutorial triangle segitiga pada CSS, sample triangle segitiga pada CSS, contoh triangle segitiga pada CSS, seputar triangle segitiga pada CSS, download triangle segitiga pada CSS, triangle segitiga pada CSS untuk html, triangle segitiga pada CSS untuk web site, tampilan triangle segitiga pada CSS di web, script triangle segitiga pada CSS, contoh script triangle segitiga pada CSS, design triangle segitiga pada CSS, style triangle segitiga pada CSS, pelajaran triangle segitiga pada CSS, triangle segitiga pada CSS code, triangle segitiga pada CSS kode, mengenai triangle segitiga pada CSS, penggunaan triangle segitiga pada CSS, macam- macam triangle segitiga pada CSS, tips triangle segitiga pada CSS, trick triangle segitiga pada CSS, panduan triangle segitiga pada CSS, bacaan triangle segitiga pada CSS, artikel triangle segitiga pada CSS, pustaka triangle segitiga pada CSS, wikipedia triangle segitiga pada CSS, penggunaan triangle segitiga pada CSS, belajar triangle segitiga pada CSS, kumpulan tentang triangle segitiga pada CSS, masalah triangle segitiga pada CSS, menangani triangle segitiga pada CSS, ulasan triangle segitiga pada CSS, tampilan triangle segitiga pada CSS di web, triangle segitiga pada CSS di blogger, triangle segitiga pada CSS di situs, triangle segitiga pada CSS di web, triangle segitiga pada CSS di facebook, triangle segitiga pada CSS di myspace, triangle segitiga pada CSS, di tweeter, triangle segitiga pada CSS untuk blogger, triangle segitiga pada CSS untuk situs, triangle segitiga pada CSS untuk web, triangle segitiga pada CSS untuk facebook, triangle segitiga pada CSS untuk myspace, triangle segitiga pada CSS, untuk tweeter, triangle segitiga pada CSS, triangle segitiga pada CSS how to create, how to make triangle segitiga pada CSS, triangle segitiga pada CSS tutorials, sample triangle segitiga pada CSS, triangle segitiga pada CSS example, about triangle segitiga pada CSS, download triangle segitiga pada CSS, triangle segitiga pada CSS to html, web site for the triangle segitiga pada CSS, triangle segitiga pada CSS display on the web, triangle segitiga pada CSS scripts, example scripts triangle segitiga pada CSS, triangle segitiga pada CSS design, style triangle segitiga pada CSS, triangle segitiga pada CSS lessons, code triangle segitiga pada CSS, triangle segitiga pada CSS code, about triangle segitiga pada CSS, triangle segitiga pada CSS usage, various triangle segitiga pada CSS, triangle segitiga pada CSS tips, tricks triangle segitiga pada CSS, triangle segitiga pada CSS guide, reading triangle segitiga pada CSS, articles triangle segitiga pada CSS, triangle segitiga pada CSS library, wikipedia triangle segitiga pada CSS, triangle segitiga pada CSS usage, learn triangle segitiga pada CSS, a collection of triangle segitiga pada CSS, triangle segitiga pada CSS problem, handle triangle segitiga pada CSS, triangle segitiga pada CSS review, the look on the web triangle segitiga pada CSS, triangle segitiga pada CSS in blogger, triangle segitiga pada CSS on the site, triangle segitiga pada CSS on the web, facebook triangle segitiga pada CSS, triangle segitiga pada CSS on myspace, triangle segitiga pada CSS, on the tweeter, for bloggers triangle segitiga pada CSS, triangle segitiga pada CSS to the site, triangle segitiga pada CSS for the web, triangle segitiga pada CSS for facebook, myspace to triangle segitiga pada CSS, triangle segitiga pada CSS, for the tweeter,

Label: CSS 1, CSSCODE, Tutorial, Tutorial 3, TWeb, TWeb 5

Share This Page !!!

Artikel Lainnya :

Komentar : 0 Komentar

Posting Komentar

Bagaimana yah membuat segitiga / triangle tanpa menggunakan file gambar atau image???....
Bisa kok gambar segitiga / triangle tanpa

Bentuk Segitiga Panah Ke-atas :
<style>
.segitigakeatas {
width: 0;
height: 0;
border-left: 20px solid transparent;
border-right: 20px solid transparent;
border-bottom: 20px solid orange;
}
</style>

Contoh Penulisan HTML-nya :

Bentuk Segitiga Panah Ke-atas dengan tag DIV:
<div class="segitigakeatas"></div>

Contoh Tampilannya :

Contoh Penulisan CSS Segitiga Panah Ke-bawah:

Bentuk Segitiga Panah Ke-bawah :
<style>
.segitigakebawah {
width: 0;
height: 0;
border-left: 20px solid transparent;
border-right: 20px solid transparent;
border-top: 20px solid orange;
}
</style>

Contoh Penulisan HTML-nya :

Bentuk Segitiga Panah Ke-bawah dengan tag DIV:
<div class="segitigakebawah"></div>

Contoh Tampilannya :

Contoh Penulisan CSS Segitiga Panah Ke-kanan :

Bentuk Segitiga Panah Ke-kanan :
<style>
.segitigakekanan {
width: 0;
height: 0;
border-left: 20px solid orange;
border-bottom: 20px solid transparent;
border-top: 20px solid transparent;
}
</style>

Contoh Penulisan HTML-nya :

Bentuk Segitiga Panah Ke-kanan dengan tag DIV:
<div class="segitigakekanan"></div>

Contoh Tampilannya :

Contoh Penulisan CSS Segitiga Panah Ke-kiri :

Bentuk Segitiga Panah Ke-kiri :
<style>
.segitigakekiri {
width: 0;
height: 0;
border-left: 20px solid orange;
border-bottom: 20px solid transparent;
border-top: 20px solid transparent;
}
</style>

Contoh Penulisan HTML-nya :

Bentuk Segitiga Panah Ke-kiri dengan tag DIV:
<div class="segitigakekiri"></div>

Contoh Tampilannya :

Kamu harus memperhatikan dari bentuk contoh

Label: CSS 1, CSSCODE, Tutorial, Tutorial 3, TWeb, TWeb 5

Bagaimana yah membuat segitiga / triangle tanpa menggunakan file gambar atau image???....
Bisa kok gambar segitiga / triangle tanpa

Bentuk Segitiga Panah Ke-atas :
<style>
.segitigakeatas {
width: 0;
height: 0;
border-left: 20px solid transparent;
border-right: 20px solid transparent;
border-bottom: 20px solid orange;
}
</style>

Contoh Penulisan HTML-nya :

Bentuk Segitiga Panah Ke-atas dengan tag DIV:
<div class="segitigakeatas"></div>

Contoh Tampilannya :

Contoh Penulisan CSS Segitiga Panah Ke-bawah:

Bentuk Segitiga Panah Ke-bawah :
<style>
.segitigakebawah {
width: 0;
height: 0;
border-left: 20px solid transparent;
border-right: 20px solid transparent;
border-top: 20px solid orange;
}
</style>

Contoh Penulisan HTML-nya :

Bentuk Segitiga Panah Ke-bawah dengan tag DIV:
<div class="segitigakebawah"></div>

Contoh Tampilannya :

Contoh Penulisan CSS Segitiga Panah Ke-kanan :

Bentuk Segitiga Panah Ke-kanan :
<style>
.segitigakekanan {
width: 0;
height: 0;
border-left: 20px solid orange;
border-bottom: 20px solid transparent;
border-top: 20px solid transparent;
}
</style>

Contoh Penulisan HTML-nya :

Bentuk Segitiga Panah Ke-kanan dengan tag DIV:
<div class="segitigakekanan"></div>

Contoh Tampilannya :

Contoh Penulisan CSS Segitiga Panah Ke-kiri :

Bentuk Segitiga Panah Ke-kiri :
<style>
.segitigakekiri {
width: 0;
height: 0;
border-left: 20px solid orange;
border-bottom: 20px solid transparent;
border-top: 20px solid transparent;
}
</style>

Contoh Penulisan HTML-nya :

Bentuk Segitiga Panah Ke-kiri dengan tag DIV:
<div class="segitigakekiri"></div>

Contoh Tampilannya :

Kamu harus memperhatikan dari bentuk contoh

Label: CSS 1, CSSCODE, Tutorial, Tutorial 3, TWeb, TWeb 5

8 stars -10 stars -10 KomentarOver 1,500,000

4 stars- Bagaimana yah membuat segitiga / triangle tanpa menggunakan file gambar atau image???....
Bisa kok gambar segitiga / triangle tanpa

Bentuk Segitiga Panah Ke-atas :
<style>
.segitigakeatas {
width: 0;
height: 0;
border-left: 20px solid transparent;
border-right: 20px solid transparent;
border-bottom: 20px solid orange;
}
</style>

Contoh Penulisan HTML-nya :

Bentuk Segitiga Panah Ke-atas dengan tag DIV:
<div class="segitigakeatas"></div>

Contoh Tampilannya :

Contoh Penulisan CSS Segitiga Panah Ke-bawah:

Bentuk Segitiga Panah Ke-bawah :
<style>
.segitigakebawah {
width: 0;
height: 0;
border-left: 20px solid transparent;
border-right: 20px solid transparent;
border-top: 20px solid orange;
}
</style>

Contoh Penulisan HTML-nya :

Bentuk Segitiga Panah Ke-bawah dengan tag DIV:
<div class="segitigakebawah"></div>

Contoh Tampilannya :

Contoh Penulisan CSS Segitiga Panah Ke-kanan :

Bentuk Segitiga Panah Ke-kanan :
<style>
.segitigakekanan {
width: 0;
height: 0;
border-left: 20px solid orange;
border-bottom: 20px solid transparent;
border-top: 20px solid transparent;
}
</style>

Contoh Penulisan HTML-nya :

Bentuk Segitiga Panah Ke-kanan dengan tag DIV:
<div class="segitigakekanan"></div>

Contoh Tampilannya :

Contoh Penulisan CSS Segitiga Panah Ke-kiri :

Bentuk Segitiga Panah Ke-kiri :
<style>
.segitigakekiri {
width: 0;
height: 0;
border-left: 20px solid orange;
border-bottom: 20px solid transparent;
border-top: 20px solid transparent;
}
</style>

Contoh Penulisan HTML-nya :

Bentuk Segitiga Panah Ke-kiri dengan tag DIV:
<div class="segitigakekiri"></div>

Contoh Tampilannya :

Kamu harus memperhatikan dari bentuk contoh

Label: CSS 1, CSSCODE, Tutorial, Tutorial 3, TWeb, TWeb 5

Maskibow

Folder on Maskibow : Membuat Segitiga / Triangle dengan fungsi border pada CSS

Membuat Segitiga / Triangle dengan fungsi border pada CSS

Folder on Maskibow
: Membuat Segitiga / Triangle dengan fungsi border pada CSS