Hallo sahabat, pada tulisan kali ini saya akan membuat tampilan diamond dengan CSS, Langsung saja sahabat perhatikan langkah-langkahnya sebagai berikut.

Pertama buatlah file .html dengan struktur seperti berikut.

Cara Membuat Tampilan Diamond Dengan CSS

Buat tag <li></li> seperti yang dicontohkan pada tag li pertama sebanyak 11 tag. Kemudian buat style CSS seperti berikut.

Cara Membuat Tampilan Diamond Dengan CSSCara Membuat Tampilan Diamond Dengan CSS

Kalo sudah selesai, coba sahabat jalankan file .html nya pada browser and taram….. lihat hasilnya akan seperti berikut.

Cara Membuat Tampilan Diamond Dengan CSS

Wohooooo, keren kan? Selamat mencoba dan sampai jumpa pada tulisan saya selanjutnya. 🙂