Belajar CSS Membuat Galeri Foto

Maaf , saya benar-benar kehabisan ide buat update blog ini, dari pada tidak ada bahan , terpaksa saya tulis konten yang amburadul ini , dimana konten ini berisi galeri foto keluarga yang saya coba terapkan dengan menggunakan code css karena saat ini lagi belajar tutorial css. inilah hasilnya masih acak-acakan.

<style type="text/css"> div.img { margin: 2px; border: 1px solid #0000ff; height: auto; width: auto; float: left; text-align: center; } div.img img { display: inline; margin: 3px; border: 1px solid #ffffff; } div.img a:hover img {border: 1px solid #0000ff;} div.desc { text-align: center; font-weight: normal; width: 120px; margin: 2px; } </style> <div class="img"> <a href="http://tinypic.com" target="_blank"><img src="http://i29.tinypic.com/33u6dmc.jpg" border="0" alt="Image and video hosting by TinyPic"></a> <div class="desc">Lagi bahagia bersama sikecil</div> </div> <div class="img"> <a href="http://tinypic.com" target="_blank"><img src="http://i29.tinypic.com/33u6dmc.jpg" border="0" alt="Image and video hosting by TinyPic"></a> <div class="desc">Lagi bahagia bersama sikecil</div> </div> <div class="img"> <a href="http://tinypic.com" target="_blank"><img src="http://i31.tinypic.com/dli2bc.jpg" border="0" alt="Image and video hosting by TinyPic"></a> <div class="desc">Sikecil lagi merajuk</div> </div> <div class="img"> <a href="http://tinypic.com" target="_blank"><img src="http://i31.tinypic.com/dli2bc.jpg" border="0" alt="Image and video hosting by TinyPic"></a> <div class="desc">Sikecil lagi merajuk</div> </div>

Hasilnya

Lagi bahagia bersama sikecil

Lagi bahagia bersama sikecil

Sikecil lagi merajuk

Sikecil lagi merajuk

Lagi memikirkan uang belanja

Lagi memikirkan uang belanja

hallo namaku Gebi

Halo namaku Gebi

maaf jika tidak beraturan, maklum ,saya membuatnya melalui handphone