Cara Mengubah Background Dengan CSS

-

 Cara Mengubah Background Dengan CSS



            Pada kali ini ane akan share bagaimana cara mengubah background dengan CSS. Background atau Latar belakang pada sebuah halaman website merupakan salah satu bagian paling penting dan wajib di design untuk menghasilkan sebuah halaman website agar terlihat menarik dan modern. Ada beberapa cara untuk mengubah background yaitu dengan cara menggunakan property background pada CSS dan Bisa juga menggunakan sebuah element HTML yang diinginkan.

Cara Mengubah Background dengan CSS

    Oke kali ini akan dijelaskan bagaimana cara mengubah background dengan mengguakan CSS. langsung aja ke cara nya untuk mengubaha background menggunakan CSS. Mari kita buat File html dengan nama file html nya terserah kalian. Disni ane membuatnya dengan nama index.html. Kemudian buat file css dengan nama style.css


Perhatikan program diberikut untuk cara mengubah warna background dengan menggunakan CSS.

index.html

<!DOCTYPE html>
<html>
<head>
    <title>Mengubah warna background dengan CSS</title>
    <link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
   
    <h1>Tutorial mengubah warna background dengan CSS</h1>
 
</body>
</html>



style.css

body{
    background: yellow;
    color: black;
}



Pada syntax css kita dapat menentukan body yang akan kita modifikasi kemudian memberikan property background dengan value yellow (kuning) dan warna color font dengan warna black (hitam).


Mengubah Gambar background dengan CSS

Pada kali ini ane akan jelaskan bagaimana cara mengubah background dalam sebuah halaman website menjadi gambar. Oleh karena itu anda harus membutuhkan sebuah file gambar yang dijadikan background untuk halam website anda. Letakkan gambar dalam satu folder dengan file html dan css dan nama file gambarnya yang mudah seperti background.jpg





Cara Membuat background gambar dengan CSS

index.html

<!DOCTYPE html>
<html>
<head>
    <title>Mengubah Gambar background dengan CSS</title>
    <link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
   
    <h1>Tutorial Mengubah Gambar background dengan CSS</h1>
 
</body>
</html>

style.css

body{
    background:url('background.jpg');
    color: #fff;
}

Perhatikan pada syntax diatas untuk membuat background gambar gunakan syntax berikut:

background:url('background.jpg');


Tutorial cara mengubah background gambar dengan css


Alhamdulillah gambar berhasil dipasang sebagai background pada halamn website anda. Sekian ya guys tutorial semoga bisa dipahami bagaimana Cara Mengubah Background Gambar dengan CSS

Tengkyu

Komentar

Posting Komentar

Postingan populer dari blog ini

Part 10 : Perulangan While Pada PHP

-
Gambar
  🌕 Perulangan While Pada PHP          While adalah perintah pada PHP dan bahasa pemrograman lainnya untuk membuat sebuah perulangan yang tidak diketahui berapa kali perulangan tersebut dilakukan.  Untuk contoh penulisan dan struktur cara penggunaan perulangan while pada PHP dapat dilihat pada contoh di bawah ini while( Kondisi ){   Statement. } Dapat dilihat pada contoh penulisan while diatas setelah menuliskan while kemudian di dalam tanda kurung berisi kondisi nilai yang harus terpenuhi agar while dijalankan. Kemudian di dalam tanda kurung kurawal berisi statement yang di jalankan dalam bentuk perulangan apabila kondisi terpenuhi. Statement ini maksudnya adalah perintah syntax yang akan dijalankan dalam bentuk perulangan apabila kondisi terpenuhi. <?php  $x = 1; while ($x <= 10) { echo "Angka $x <br/>"; $x++; }  ?> Perhatikan contoh diatas, perintah while digunakan untuk melakukan perulangan. variabel x mem...
Read more »

Part 11 : Perulangan For Pada PHP

-
Gambar
  🌕 Perulangan For Pada PHP          Perulangan For digunakan untuk membuat sebuah perulangan pada pemrograman termasuk dalam bahasa pemrograman PHP. Tujuan hampir sama dengan while, hanya saja perulangan while memiliki jumlah batas yang tidak diketahui, sedangkan perulangan for memiliki batas berapa kali perulanga di ulangi dan bats dari perulangannya sudah ditentukan pada kondisi perulangan for. Untuk pemahaman yang lebih jelasnya bisa dilihat contoh perulangan for berikut: <?php  for ($i=1; $i <= 10 ; $i++) {     echo $i;   //Membuat perulangan menampilkan angka 1 sampai 10 } ?> Pada contoh perulangan for diatas kita mennetukan variabel i sama dengan 1, kemudian variabel i lebih kecl sama dengan 10, artinya bilangan 1 sampai 10, kemudian menampilkan isi dari variabel dalam bentuk perulangan for dengan menampilannya di dalam perulangan for. Untuk penulisan perulangan for kondisi perulangan diletakkan di dalam tanda...
Read more »

Part 5 : Tipe Data Pada PHP

-
Gambar
  🌕 Tipe Data Pada PHP     Sama seperti bahasa pemrograman lainnya yang memiliki tipe data, sama halnya dengan bahasa pemrograman PHP.      Berikut ini ada beberapa tipe data pada PHP:          1. String          2. Integer          3 . Float          4. Boolean          5. Array          6. Object          7. NULL             Dari tipe data PHP diatas hampir semua tipe data tersebut sering digunakan dalam membangun sebuah aplikasi. Kali ini kita akan jelaskan satu persatu. 🌕 Tipe Data String Pada PHP          Tipe DataString adalah tipe data yang berbentuk teks. Cara penulisan nya di letakkan di tengah dengan diapit tanda petik " ".          Contohnya: 🌕 Tipe Data Integer pada PHP    ...
Read more »