Menambahkan Atribut style CSS pada gambar

 Atribut style

Atribut style merupakan atribut untuk menambahkan style CSS pada sebuah elemen. Atribut ini sering digunakan pada gambar untuk memberikan style atau efek tertentu.


<!DOCTYPE html>

<html lang="en">

<head>

  <meta charset="UTF-8">

  <title>Contoh Gambar di HTML</title>

</head>

<body>

  <h1>Style Gambar di HTML</h1>

  <p>Berikut ini adalah gambar sawah:</p>

  <p>

    <img src="1.png" style="width: 160px;border: 3px solid red;" />

    <img src="1.png" style="width: 160px;border-radius: 10px;" />

    <img src="1.png" style="width: 100px;height: 100px;border-radius: 100%;" />

  </p>

</body>

</html>


dari hasil code diatas 

gambar pertama kita berikan style garis (border) dengan ukuran 3px, jenis solid, dan warnanya adalah merah.

Lalu gambar kedua, kita berikan style border-radius untuk menciptkan lengkungan pada pojok gambar.

Pada gambar ketiga, kita berikan nilai 100% pada border-radius yang akan menciptkan lingkaran.



Komentar

Posting Komentar

Postingan Populer