Membuat gambar menjadi Bulat/Circle dengan Script CSS

Pembahasan kali ini adalah Tips bagaimana membuat gambar menjadi Bulat/Circle dengan menggunakan Script CSS. Sebelumnya kita udah pernah bahas cara menampilkan gambar dari database MySQL, nah tujuan pembahasan ini adalah bagaimana supaya gambar yang ditampilkan nantinya menjadi lebih tapi dan tentunya lebih menarik untuk dilihat.

 Nah langkah pertama adalah buat terlebih dahulu script untuk menampilkan gambar seperti berikut :

<img height="100px" src="Koala.jpg" width="100px" />

Kemudian dibagian atasnya ketikkan Script berikut :

<style>
img{
border-radius:100px;
background:#CCCCCC;
padding:6px;
}

Simpan, kemudian jalankan di web browser kamu.

itu dia langkah-langkah untuk membuat gambar menjadi Bulat/Circle dengan Script CSS, semoga bermanfaat.