Lorem ipsum dolor sit amet, consectetur adipiscing elit. Test link
Beranda
basis css dasar
belajar css dasar

Mengubah Background Dengan CSS

 Background atau latar belakang pada sebuah halaman website merupakan salah satu yang dirancang untuk membuat halaman situs web yang tampak menarik dan modern. Ada beberapa cara mempercantik background atau backdrop website Anda. mampu gunakan gambar untuk mempercantik background website. Jika Anda tidak ingin menggunakan Gambar juga dapat mengubah warna latar belakang dengan bantuan CSS. Mengubah Latar belakang dengan CSS, gunakan properti latar belakang di CSS. Selain properti latar belakang Digunakan untuk mengubah latar belakang badan situs web, juga dapat digunakan untuk mengubah Gambar latar belakang pada elemen HTML yang diinginkan.

Cara mengubah background dengan CSS

pada tutorial belajar CSS mengubah background dengan css ini akan di jelaskan bagaimana cara
mengubah background dengan menggunakan CSS. langsung saja masuk ke cara mengubah
background menggunakan CSS. buat sebuah file html dengan nama file html nya terserah anda.
di sini saya membuat nya dengan nama index.html. kemudian buat sebuah file css dengan
namanya juga terserah anda tapi di sini saya membuat file css dengan nama style.css.

Mengubah warna background dengan CSS

Perhatikan penjelasan berikut ini untuk cara mengubah warna background dengan menggunakan
CSS

index.html.

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

<h1>Tutorial mengubah warna background dengan CSS by www.belajarngodingg.my.id</h1>

</body>
</html>

style.css
 
body{
    background: blue;
    color: white;
    }

dan hasilnya :

Pada syntax css di atas kita menentukan body yang akan di modifikasi kemudian memberikan
property background dengan value blue (biru) dan warna color font dengan warna white (putih).

Mengubah gambar background dengan CSS

Pada sub judul mengubah gambar background dengan css ini akan di jelaskan bagaimana
cara mengubah background sebuah halaman website dengan menggunakan gambar. oleh sebab
itu anda harus menyediakan sebuah file gambar untuk dijadikan background untuk halaman
website anda. di sini saya sudah menyediakan sebuah gambar sederhana yang akan saya jadikan
gambar pada background. letakkan file gambar satu folder dengan file html dan css agar tidak
kebingungan nantinya. nama file gambar saya adalah belajarngoding.png


 index.html
 
<!DOCTYPE html>
<html>
    <head>
        <title>Membuat background dengan gambar</title>
        <link rel="stylesheet" type="text/css" href="style.css">
        </head>
        <body>
       
        <h1>Membuat background gambar dengan CSS</h1>
       
        </body>
        </html>
 
 style.css
 
body{
    background: url('belajarngoding.png');
    color: #fff;
    }
 

 Gambar pun berhasil di pasang sebagai background halaman.

Posting Komentar