Cara membuat background lewat CSS

Hasil gambar untuk csslogo
Yezato~Hi sobat kembali lagi dengan blog saya, disini saya akan kembali membahas tentang bagaimana sih cara buat background website melalui css? nah apa itu css, CSS (Cascading Style Sheet) adalah salah satu bahasa desain web (style sheet language) yang mengontrol format tampilan sebuah halaman web yang ditulis dengan menggunakan penanda(markup laguage. Biasanya CSS digunakan untuk mendesain sebuah halaman HTML dan XHTML, tetapi sekarang CSS bisa diaplikasikan untuk segala dokumenXML, termasuk SVG dan XUL bahkan ANDROID.

oke gak perlu banyak kata ayo praktekkan secara langsung....

Pertama :
buat file berformat ekstensi HTML dan CSS lalu tambahkan satu gambar yang akan digunakan untuk backgroundnya nanti, seperti dibawah ini


 
Kedua :
buat struktur pada html seperti biasanya dan tambahkan skirp <link rel="stylesheet" type="text/css" href="style.css"> skrip ini berguna sebagai letak dari css yang kita buat.

Ketiga :
untuk CSS tambahkan skrip seperti dibawah ini. 
- color untuk warna
- background: url('1.png') ; merupakan letak alamat gambar
- background-size: cover; ukuran background full
- background-attachment: fixed; background tidak dapat di scroll
- background-repeat: no-repeat; background tanpa pengulangan

Keempat :
setelah selesai jangan lupa disave kemudian uji coba. hasilnya akan seperti dibawah ini

Itulah hasil dari tutorial diatas sekian dari tutorial cara membuat background lewat css saya ucapkan terima kasih sudah berkunjung....

0 comments: