Langsung ke konten utama

Postingan

Menampilkan postingan dengan label HTML

Cara Membuat gambar menjadi bulat di HTML menggunakan CSS

      Pada tutorial kali ini akan menjelaskan tentang membuat gambar yang ditampilkan di HTML menjadi bulat / circle / rounded dengan menerapkan nilai di CSS nya. Caranya gampang banget, cukup terapkan nilai border radius di CSS untuk gambar yang bersangkutan seperti ini: img { border-radius: 50%; } Code diatas langsung memanggil tag img (gambar) nya, bisa juga diubah misalnya memanggil nama class / id gambar tersebut (jika menggunakan class / id). Cara Membuat gambar bulat di HTML CSS      Ada hal yang perlu diketahui untuk membuat gambar bulat yang rapih melingkar dan tidak gepeng atau malah menjadi oval, pastikan gambar yang dieksekusi memiliki ukuran square (rasio 1:1). Dengan ukuran square / kotak maka gambar tersebut akan menjadi bulat ketika diberi nilai border radius 50%. Tips lain, membuat / mengedit gambar yang sudah ada ke ukuran square terlebih dahulu bisa saja buang-buang waktu apa lagi kalo gambarnya banyak. Aplikasi pengedit gambar sekel...