Cara Mengubah Warna Background Website dengan CSS

08/05/2020    Aulia Rahmah Alhafidz    314     Website

Cara Mengubah Warna Background Website dengan CSS - Saat pertama kali belajar membuat website, hal yang dipelajari adalah membuat tampilan website menggunakan HTML dan CSS. Hal ini sudah menjadi dasar dalam membuat website. Karena HTML dan CSS akan menjadi kerangka dasar website dan bisa digunakan untuk mendesain website.

Kamu pasti pernah mencoba mengunduh template karena ingin tahu coding-nya seperti apa bukan? Bahkan, kamu akan mencoba untuk mengubah template tersebut. Mulai dari mengubah gambar, menu, tulisan, background, dan lain-lain. Tapi, karena masih kebingungan kamu pasti kesulitan untuk mengubahnya.

Pada tutorial kali ini, DUMET School akan memberikan sedikit tips untuk mengubah warna background website dengan CSS. DUMET School akan memberikan langkah demi langkah dimulai dari mencari file CSS-nya terlebih dahulu. Kamu bisa ikuti cara-cara di bawah ini ya!

Bagaimana cara mencari file CSS-nya?

1. Jika kamu men-download template, kamu bisa mencari folder yang biasanya bernama "css" atau "assets".

2. Cari file bernama style.css / styles.css / main.css (bisa memiliki nama lain yang biasanya berbeda sendiri dari semua file css yang ada dan ada tulisan style).

3. Jika sudah ketemu, buka file css tersebut.

Bagaimana cara mengubah warna background-nya?

1. Cari tulisan "body" (biasanya ada di line 1).

2. Kamu bisa mengubah kode warna yang ada setelah tanda # yang ada pada bagian "background" atau "background-color" ya!

Untuk mencari kode warnanya, kamu bisa menggunakan google ya dengan mengetikkan "color hex".

Contoh, pada awalnya tulisannya seperti berikut:

body{

    background: #101010;

    color: #808080;

    font-family: 'Montserrat', sans-serif;

    font-weight: 400;

}

Ubah dengan kode warna yang kamu inginkan:

body{

    background: #bae1ff;

    color: #808080;

    font-family: 'Montserrat', sans-serif;

    font-weight: 400;

}

Jangan lupa untuk disave terlebih dahulu ya agar terlihat perubahannya pada website.

Cara Mengubah Warna Background Website dengan CSS

Mudah bukan? Jadi, entah kamu menggunakan template atau pun sedang belajar dari awal menggunakan HTML dan CSS, kamu bisa menggunakan "background" atau "background-color" untuk mengubah warna background website dengan menggunakan CSS. Semoga bermanfaat!

No data.

Cara Cepat Pintar Membuat Website, Tanpa Perlu Basic IT

Membuat website perusahaan, portal berita, blog, katalog online, dan e-commerce.

Learn More

Cara Cepat Pintar Membuat Website, Tanpa Perlu Basic IT

Membuat website perusahaan, portal berita, blog, katalog online, dan e-commerce.

Learn More