Featured

CSS : Membuat Background Dengan CSS (Part 5)




Assalamualaikum wr.wb

A. JUDUL

      CSS : Membuat Background Dengan CSS (Part 5)

B. PENDAHULUAN

     1. Pengertian

          Background, atau yang dikenal dengan latar belakang, merupakan salah satu komponen desain yang cukup penting. Background terutama digunakan untuk memberikan dekorasi visual terhadap sebuah elemen, yang akan mengakibatkan peningkatan kemudahan nalar atau pengertian akan sebuah konten. Background memiliki pengaruh yang sangat besar terhadap keseluruhan desain dari sebuah website yang diatur oleh css.

     2. Latar Belakang

         Belajar CSS adalah salah satu tentang background yang dibuat dengan CSS.

     3. Maksud dan Tujuan
  • Agar tahu cara membuat background dengan CSS
     4. Hasil yang Diharapkan

          Bisa paham dengan tag-tag CSS untuk membuat Backgroud.

C. ALAT DAN BAHAN
  • Laptop atau PC
  • Koneksi Internet (Mencari Referensi)
  • Sublime Text
D. JANGKA WAKTU PELAKSANAAN

         15 Menit

E. PEMBAHASAN

Di dalam sebuah Bacground ada
:
  • Background Color : yaitu adalah warna latar belakang
  • Background Image : yaitu Background dengan latar belakang gambar
  • Background Repeat : yaitu Background (latar belakang)perulangan
  • Background Position : posisi latar belakang
  • Background Attachnent : gambar halaman tetap tidak akan gulir dengan sisa halaman
  • Background Size : mengatur ukuran gambar latar belakang
Contoh file html dengan script background color :


Tampilan CSS yang sudah dijalankan di browser dengan background color :


 Contoh file html dengan script background Image :


Tampilan CSS yang sudah dijalankan di browser dengan background image :



F. HASIL YANG DI DAPATKAN

      Bisa membuat Background Color dan Background Image dengan CSS.

G. KESIMPULAN

      Jadi kita bisa membuat Background dengan CSS, karena CSS adalah untuk mempercantik tampilan.

H. REFERENSI
Waalaikumusalam wr.wb


Related Posts