Penggunaan kode warna pada HTML & CSS ketika diterapkan ke dalam website. Kode warna dapat Anda gunakan hampir di semua bagian, seperti karakter, background, dan border.
- Cara Menggunakan Kode Warna HTML di Karakter
script
<!DOCTYPE html>
<html>
<body>
<p><font size=”3″ color=”#ff0000″>Daftar Kode Warna Pada HTML & CSS</font></p>
<p><font size=”2″ color=”#00ff00″>Daftar Kode Warna Pada HTML & CSS</font></p>
<p><font face=”verdana” color=”#0000ff”>Daftar Kode Warna Pada HTML & CSS</font></p>
<p><strong>Catatan:</strong> Elemen font hanya mendukung pada HTML 5. Gunakan CSS sebagai ganti</p>
</body>
</html>
Hasilnya
- Cara Menggunakan Kode Warna HTML di Background
script
<!DOCTYPE html>
<html>
<head>
<style>
#p1 {background-color:#ff0000;}
#p2 {background-color:#00ff00;}
#p3 {background-color:#0000ff;}
#p4 {background-color:#ffff00;}
#p5 {background-color:#ff00ff;}
</style>
</head>
<body>
<p>HEX colors:</p>
<p id=”p1″>Red</p>
<p id=”p2″>Green</p>
<p id=”p3″>Blue</p>
<p id=”p4″>Yellow</p>
<p id=”p5″>Cerise</p>
</body>
</html>
Hasilnya
--- - Cara Menggunakan Kode Warna HTML di Border
script
<!DOCTYPE html>
<html>
<head>
<style>
h2 {
border-style: solid;
border-color: #92a8d1;
}
div {
border-style: solid;
border-color: #92a8d1;
}
</style>
</head>
<body>
<h2>Daftar Kode Warna Pada HTML & CSS</h2>
<div>Nilai dari border-color dapat diatur menggunakan angka kode hexadecimal.</div>
<p><strong>Catatan:</strong> border-color tidak dapat bekerja jika digunakan sendiri. Gunakan properti border-style terlebih dahulu untuk mengatur border. </p>
</body>
</html>
Hasilnya
Comments
Post a Comment