Tutorial CSS Sederhana Biar Website Semakin Keren

tutorial-css

Buat kalian yang sedang mempelajari tentang bagaimana agar website kalian lebih cantik menggunakan CSS, saya memiliki beberapa trik dasar yang bisa kalian gunakan jika kalian ingin memulai mempelajari CSS dari hal yang sederhana. Berikut Tutorial CSS biar website semakin keren:

Merubah Warna Font

Jika kalian ingin merubah warna pada tulisan anda, cukup dengan 1 baris CSS yaitu sebagai berikut

.red{
    color: #FF0000;
}

Cara penggunaannya adalah sebagai berikut, kalian cukup menambahkan class “red” pada text yang akan dirubah, sebagai contoh lihat script dibawah

<p class="red">Tulisan ini berwarna Merah</p>

2. Merubah background color (warna latar belakang)

Jika kalian ingin merubah background color menggunakan warna tertentu pada sebuah elemen atau div cukup dengan mencoba dengan script berikut ini.

.green-background{
    background-color: #0F0;
}

Untuk menggunakannya cukup dengan menambahkan class “green-background” pada bagian yang ingin kalian rubah background color-nya. Lihat contoh dibawah ini

<!-- ini jika kalian ingin menggunakannya pada sebuah div -->
<div class="wrapper green-background">
    area ini akan memiliki warna background dengan warna hijau
</div>

<!-- ini jika kalian ingin menggunakannya pada body tag -->
<body class="green-background">
    body akan memiliki background warna hijau
</body>

Sebenarnya masih banyak lagi contoh penggunaan Tutorial CSS Sederhana yang bisa membuat website kalian lebih keren keren lagi.