Format gambar modern ditata dengan border-radius, efek filter, atau bingkai kartu responsif.
CSS Image Styling
Contoh Kode CSS Image Styling:
<!DOCTYPE html>
<html>
<head>
<style>
.foto-lingkaran {
width: 120px;
height: 120px;
border-radius: 50%;
object-fit: cover;
border: 4px solid #fca311;
box-shadow: 0 4px 10px rgba(0,0,0,0.15);
}
</style>
</head>
<body>
<img src="https://picsum.photos/200" alt="Foto Profil" class="foto-lingkaran">
</body>
</html>
Uji dan amati bagaimana deklarasi CSS CSS Image Styling mengubah tampilan elemen di atas.