Hai jumpa lagi dengan saya, kali ini saya akan berbagi sedikit tutorial mengenai Cara Membuat Gambar Bulat Dengan Border Warna-warni, mungkin tutorial ini sudah banyak yang tau, tapi saya akan sedikit review lagi bagi kalian yang mungkin lupa atau bahkan bagi pemula yang belum tau, langsung saja simak langkah-langkah nya berikut ini.
Sebelum nya kalian boleh siapkan beberapa gambar untuk dijadikan bahan, kalo sudah silahkan buka teks editor nya  kemudian ketikan kode HTML dibawah ini.
<div class="container">
<img src="http://cargames.autosaur.com/wp-content/uploads/thumbs/custom/H/How-to-draw-cars.jpg" class="bulat">
<img src="http://cargames.autosaur.com/wp-content/uploads/thumbs/custom/H/How-to-draw-cars.jpg" class="bulat">
<img src="http://cargames.autosaur.com/wp-content/uploads/thumbs/custom/H/How-to-draw-cars.jpg" class="bulat">
</div>
Pada bagian img src silahkan masukan gambar yang sudah disiapkan, setelah itu barulah kita buat gambar menjadi bulat dengan kode CSS berikut ini.
.bulat{
border-radius:100em;
border-top:5px solid #cf2031;
border-right:5px solid #0f7dc8;
border-bottom:5px solid #2eb31a;
border-left:5px solid #eab823;
width:160px;
height:160px;
}
Kalo sudah semua jangan lupa disimpan kemudian jalankan di browser masing-masing dan lihat hasilnya.
Cukup mudah yah ? baik sampai disini tutorial mengenai Cara Membuat Gambar Bulat Dengan Border Warna-warni, semoga bermanfaat, amin.
Selamat mencoba.