Kursus a2fahmi Gratis klik disini


Fahmi Basya Kartapura On September - 20 - 2015

Contoh Kasus:

Saya ingin membuat gambar form login saya menjadi ke tengah secara horizontal dan vertical seperti terlihat pada gambar dibawah ini:

201509210908centering

Pertanyaan:

Bagaimana cara melakukannya … ?

Jawaban:

Kamu bisa gunakan kode css berikut ini:

<style>
body{

width:600px;height:500px; margin: auto;
position: absolute; top: 0; left: 0; bottom: 0; right: 0;

}
</style>

Keterangan:

  • margin:auto itu sama dengan top:0 dan bottom:0 dan kiri kanannya sudah ketengah jadi ini akan menyebabkan gambar ketengah secara horizontal saja.
  • Untuk membuat gambar ke tengah secara vertical maka kamu harus membuat margin:auto ditambah dengan kode┬áposition: absolute; top: 0; left: 0; bottom: 0; right: 0

Penutup

Sekian dan Terima Kasih




Categories: CSS

Leave a Reply