Diposting oleh

Cara Mengubah Ukuran Gambar Background Dengan CSS

Diposting oleh
Cara Mengubah Ukuran Gambar Background Dengan CSS - background kadang menjadi masalah tersendiri, misalnya ketika background terlalu besar maupun terlalu kecil, sehingga gambar background tidak lagi sesuai dengan keinginan kita, dengan css kita bisa mengubah ukuran gambar ini agar sesuai dengan browser.
Cara Mengubah Ukuran Gambar Background Dengan CSS 

Kasus ini terjadi ketika saya ingin menyesuaikan gambar background login hotspot sebuah warnet dan cafe dari papua, gambar yang terlalu besar ini membuat tampilan terlihat kacau, dan tulisan yang ingin di tampilka di gambar tidak lagi sesuai dengan ke inginan, gambar yang ingin saya tampilkan full browser jadi terlihat tidak lagi enak di mata, tampilan tanpa css terlihat seperti ini.


Kejadian ini bisa terjadi karena gambar yang terlalu besar ukurannya melebihi ukuran normal browser, nah hal gambar background yang terlalu besar ini bisa di ubah ukurannya dengan css, sehingga sesuai dengan keinginan kita tanpa mengubah ukuran gambar aslinya,

Sehingga tampilannya background html kira-kira seperti ini.


Cara Mengubah Ukuran Gambar Background Dengan CSS

Cara mengubah gambar tersebut saya gunakan code css seperti di bawah ini,

body {
 background-image: url(img/cafe3.jpg);
 background-repeat:no-repeat scroll;
 background-size: 100% 100%;
 min-height: 650px;
}
Cara Mengubah Ukuran Gambar Background Dengan CSS tanpa harus mengubah ukuran gambar background web saya gunakan cara seperti diatas. Semoga bermanfaat.

Tidak ada komentar:

Posting Komentar