Hallo teman-teman, kali ini kita akan belajar bagaimana cara membuat deskripsi pada gambar dengan CSS. Pada artikel ini kita belajar membuat sebuah gambar yang dibawahnya terdapat sebuah deskripsi tentang gambar dan membuat tampilan gambar tersebut lebih menarik. Kalian bisa mengimplementasikan pada web kalian apabila terdapat banyak gambar dan terdapat sebuah informasinya, sehingga pada saat website kalian dikunjungi oleh orang, dia akan langsung tahu gambar ini tujuanya untuk apa. Oke langsung saja kalian bisa ikuti contoh code dibawah ini.

image.html

Maka hasilnya akan seperti ini.

1

dan pada saat kalian arahkan mouse pada gambar tersebut terdapat efek perubahan pada garis bordernya.

2

Sekian pembahasan mengenai bagaimana cara membuat deskripsi pada gambar dengan CSS. Semoga bermanfaat.