Colours and backgrounds · Warna dan latar belakang
This page needs a recent browser (with SharedArrayBuffer support). Please update Chrome, Edge, Firefox or Safari to the latest version. · Halaman ini memerlukan browser terbaru (dengan dukungan SharedArrayBuffer). Silakan perbarui Chrome, Edge, Firefox, atau Safari ke versi terbaru.
English
Colours
- You can name a colour:
red,blue,green,tomato,gold, and many more. - Or use a hex code like
#2a7ae2— a#followed by six letters/numbers. - Names are easy to remember; hex codes give you millions of exact colours.
Bahasa Indonesia
Warna
- Anda dapat menamai warna:
red,blue,green,tomato,gold, dan banyak lagi. - Atau gunakan kode heksadesimal seperti
#2a7ae2— sebuah#diikuti oleh enam huruf/angka. - Nama mudah diingat; kode heksadesimal memberikan Anda jutaan warna tepat.
English
Backgrounds
colorchanges the text colour.background-colorchanges the colour behind an element.- Put
background-coloronbodyto colour the whole page.
Bahasa Indonesia
Latar belakang
colormengubah warna teks.background-colormengubah warna di belakang elemen.- Tempatkan
background-colorpadabodyuntuk mewarnai seluruh halaman.
<style>
body { background-color: #f3f4f6; }
h1 { color: tomato; }
</style>
<h1>Hello!</h1>
<p>A page with a soft grey background.</p>
English
Common mistakes
colorsets the text;background-colorsets the background.- A colour is a name, a
#rrggbbcode, orrgb(...).
Bahasa Indonesia
Kesalahan umum
colormenetapkan teks;background-colormenetapkan latar belakang.- Warna adalah nama, kode
#rrggbb, ataurgb(...).
English
Now you try
coloris the text;background-coloris behind it.- Colour the page background, then use a hex colour on the heading.
Bahasa Indonesia
Sekarang Anda coba
coloradalah teks;background-colorada di belakangnya.- Warnai latar belakang halaman, lalu gunakan warna hexa pada judul.
Give the whole page a soft background. Add body { background-color: lightyellow; }. · Berikan latar belakang lembut pada keseluruhan halaman. Tambahkan body { background-color: lightyellow; }.
Colour the heading with a hex code. Add h1 { color: #2a7ae2; } (that's a blue). · Warnai tajuk dengan kod heksadesimal. Tambahkan h1 { color: #2a7ae2; } (itu adalah biru).