Hallo teman teman dumet school pada kesempatan kali ini saya mau share tentang cara merubah posisi background picture, disini seperti biasa kita memakai HTML5 dan CSS3 untuk prakteknya , hasilnya kita akan mengatur background nya seperti kedua ini :

SECARA VERTIKAL :

Capture

Secara horizontal

Capture2

Oke kita akan mengatur background nya seperti itu dari bahan gambar di bawah ini :

logo

Okee pertama teman-teman buka source editor dan berikan atribut pada tag body seperti ini :

Capture3

Jika sudah save dan open di mozila dan hasilnya semua jendela browser akan terisi oleh gambar background tersebut , oke sekarang kita akan mengatur agar background nya bisa secara horizontal atau vertikal :

Di bawah ini sintak dari css agar background nya horizontal :

Capture4

dan ini sintak dari css agar background nya vertikal :

Capture5

Jadi, bedanya hanya pada x dan y nya saja , oke teman teman itu sedikit share dari saya semoga bermanfaat 🙂