CSS Color
CSS Color merupakan property yang sering di pakai karena pastinya website membutuhkan warna agar lebih menarik. Seirng kali saya membuatkan contoh dengan memberikan property color pada element yang saya buat. Namun, disini saya akan mencontohkan beberapa contoh lagi.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Penulisan css</title>
</head>
<style type="text/css">
.konten{
color: blue;
}
</style>
<body>
<div class="konten">
<h1>Pendahuluan</h1>
<p>Kita akan membahas penulisan css</p>
</div>
</body>
</html>
Contoh di atas adalah cara mengubah isi konten dari class parent (class utama). Kita memanggil class konten dan memberikan warna biru, maka otomatis semua yang ada di dalam class konten akan menjadi warna biru, contohnya adalah element h1 dan juga p. Ketika kita ingin mengubah warna element yang berbeda-beda maka caranya sebagai berikut.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Penulisan css</title>
</head>
<style type="text/css">
.konten h1{
color: blue;
}
.konten p{
color: red;
}
</style>
<body>
<div class="konten">
<h1>Pendahuluan</h1>
<p>Kita akan membahas penulisan css</p>
</div>
</body>
</html>
Kita panggil dulu class parentnya kemudian kita panggil selectornya. Kalian juga bisa mencoba mengubah warna dengan sebuah kode warna.
Selamat belajar dan mencoba....