Bagaimana membuat: gambar kepalak
- Halaman sebelumnya Gambar berbentuk lingkaran
- Halaman berikutnya Gambar responsif
Belajar bagaimana untuk membuat gambar kepalak menggunakan CSS.
Bagaimana membuat gambar kepalak
Langkah pertama - Tambahkan HTML:
<img src="avatar.png" alt="Avatar" class="avatar">
Langkah kedua - Tambahkan CSS:
untuk menyesuaikan ukuran yang menarik height dan widthdan gunakan border-radius atur atribut untuk menambah rounded corners ke gambar.50% akan membuat gambar menjadi lingkaran:
.avatar {
vertical-align: middle;
width: 50px;
height: 50px;
border-radius: 50%;
}
Halaman yang berhubungan
Panduan:Gambar CSS
- Halaman sebelumnya Gambar berbentuk lingkaran
- Halaman berikutnya Gambar responsif
