contact

Contact Person
Pin BB : 5AB31960
SMS : 082288467823
WA : 081275371724
call : 081275668074

Membuat Gambar Responsive dengan CSS

Posted in HTML & CSS Life at 04 April 2016 With 0 Comments

Baik teman-teman, tentunya teman-teman sudah tau Web responsive, Dengan meningkatnya perangkat mobile , membuat para developer Web harus membuat website yang responisve , Nah.. Pada artikel kali ini kita akan Membuat Gambar Responsive dengan CSS , Pada artikel sebelumnya kita telah membahas cara Membuat Gambar Bulat dengan CSS, Bagi Yang belum membaca silahkan dibaca dulu ya :

membuat Gambar Responsive

▼ Download Source Code Dibawah Ini ▼


Membuat Gambar Bulat dengan CSS

Ok.. Untuk membuat Gambar Responsive dengan kita perlu menambah kan kode CSS

.responsive img {
    max-width:100%;
    /*width:100%;*/
    height: auto;
}

Pada kode diatas kita memberik ukuran img dengan ukuran maximal 100% pada layout yang kita buat, nah simple kan,, Untuk kode HTMLnya :

<span class="responsive"><img src="kucing.jpg" ></span>

OK.. mudah bukan,,

Demikianlan artikel Membuat Gambar responsive dengan CSS ,semoga bermanfaat

Artikel Terkait

Diskusi