CSS Border Seperti Tombak Tajam

Ini Trik permainan dari warna border yang berjenis "solid".

Contoh :

Contoh

Kode :

border-left:8px solid yellow;
border-bottom:23px solid #222222;

Contoh diatas hanya menggunakan 2 sisi dari border solid yaitu kiri dan bawah. Border solid yang bawah disamarkan seperti warna background dan terlihat border solid kiri seperti tombak tajam.

Jika border solid yang bawah tidak disamarkan, akan terlihat seperti ini :

Contoh

Semakin besar ukuran border bawah, akan terlihat semakin tajam.

Contoh Ekstrim:

Contoh

Kode :

border-left:8px solid yellow;
border-bottom:55px solid #222222;

Contoh lain bisa dilihat di post template untuk "Download dan Demo".

Bisa dikreasikan di semua sisi, tergantung selera anda.

Artikel Terkait

CSS Border Seperti Tombak Tajam

4/ 5

Oleh Hutomo Sungkar

Hutomo Sungkar