Beranda
CSS

Cara Merubah Background Menggunakan CSS

Cara Merubah Bacground Menggunakan CSS

Background atau latar belakang pada sebuah halaman website merupakan salah satu bagian yang wajib di design untuk menghasilkan sebuah halaman website yang terlihat menarik dan modern. Ada beberapa cara mempercantik background atau latar belakang sebuah website. Kita bisa mempercantik background website dengan menggunakan sebuah gambar, jika tidak ingin menggunakan gambar bisa juga dengan mengubah warna background dengan bantuan CSS. untuk mengubah background dengan CSS, gunakan property background pada CSS. property background selain di gunakan untuk mengubah background body website, bisa juga di gunakan untuk mengubah gambar background pada sebuah elemen HTML yang di inginkan.

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 membuatnya 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.

Merubah Warna Bacground Dengan CSS

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

FIle index.html

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

File Style.css

body{
    background: blue;
    color: white;
}

Maka Hasilnya 

Cara Merubah Bacground Menggunakan CSS

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).

Mungkin cukup sampai disini dulu mengenai pembahasan mengenai cara mengganti bacground css, untuk selanjutnya kita akan belajar lebih lanjut mengenai css ini. Semoga sampai disini teman-teman bisa mengikutinya dengan baik ya, kalo ada yang mau ditanyakan bisa tinggalkan komentar di bawah ini iya teman-teman nanti akan saya jawab satu-satu ko pertanyannya.

Sekian dan terimakasih...




Posting Komentar