How To

Cara Manambahkan Border di Sekitar Gambar

Di bawah ini kita akan mempelajari cara menambahkan batas di sekitar gambar.

Border Around an Image

<!DOCTYPE html>
<html>
<head>
<style>
img {
  border: 5px solid #555;
}
</style>
</head>
<body>

<h2>Border Around Image</h2>
<p> Gunakan properti border untuk menambahkan bingkai ke gambar: </p>

<img src="https://dosenit.com/wp-content/uploads/2020/10/1.jpg" alt="Snow" style="width:150px">
<img src="https://dosenit.com/wp-content/uploads/2020/10/cartoon_mobile_phone.png" alt="Snow" style="width:150px">

</body>
</html>

Cara Menambahkan Border ke Gambar

Gunakan properti border untuk menambahkan perbatasan ke elemen <img>:

Contoh

<img src="https://dosenit.com/wp-content/uploads/2020/10/1.jpg" alt="Snow" style="width:150px">
img {
  border: 5px solid #555;
}

Hanifah Nurbaeti

Share
Tags: CSSHow Tohtml