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;
}