Cara Mengatur Warna Background dan Text – Atribut Style HTML

Atribut Style

Untuk membuat halaman web terlihat menarik diperlukan warna, baik itu warna background ataupun warna text nya.
Dalam html kita bisa membuat warna halaman web kita sesuai keinginan, dan bukan hanyahbackground tapi bisa juga merubah warna text.
Html menyediakan atribut style untuk mengatur warna background ataupun text pada halaman web.

Background Color

Background color merupakan nilai dari atribut style.
Background color berfungsi untuk mengubah warna dari background halaman web.
Penulisannya juga sangat mudah cukup kitik <body style=”background-color:lightgrey;”> maka warna background akan berubah.

Contoh style background

<!DOCTYPE html>
<html>
<body style="background-color:lightgrey;">
<h1>Ini heading</h1>
<p>Ini paragraph.</p>
</body>
</html>

Pada contoh di atas saya membuat warna background nya lightgrey. Makan warna background akan berubah menjadi warna ini.
Untuk contoh warna lainnya, silakan di edit kode diatas, ganti lightgrey dengan warna red, maka warna background akan menjadi merah.

Text Color

Text color adalah untuk mewarnai text tertentu, misal pada heading warna biru, sedangkan paragraf warna merah.
Penulisannya dengan menambah style=”color:blue;” pada text tertentu. Untuk lebih memahami sikakan lihat contoh dibawah.

Contoh Text Color

<!DOCTYPE html>
<html>
<body>
<h1 style="color:blue;">Ini adalah heading</h1>
<p style="color:red;">Ini adalah paragraph.</p>
</body>
</html>

Lihat pada bagian heading saya mengubah warnanya ke biru, sedangkan pada paragraf warna merah.
Untuk mengubah ke warna lainnya silakan edit color:blue diatas, ganti kata blue menjadi black, green atau nama warna lainnya.
Oh ya nama warnanya harus bahasa Inggris ya…
Dengan kedua contoh diatas saya rasa anda pasti sudah bisa membuat warna Background pada halaman web anda, dan juga mewarnai text tanpa css.
Semoga bermanfaat…

Get real time updates directly on you device, subscribe now.

Ingin Berkomentar?

×
Lewat ke baris perkakas