 |
| text berwarna dengan HTML CSS - desain gambar ileh : Anissa |
Menggunakan CSS:
<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>
Maka akan di deskripsikan secara visual sebagai contoh berikut: :
Red
Green
Blue
Yellow
Cerise
Menggunakan HTML
Sedangkan jika menggunakannya langsung ke dalam inti HTML kodenya adalah sebagai berikut:
<p>I am normal</p>Maka akan di deskripsikan secara visual sebagai contoh berikut:
<p style="color:red;">I am red</p>
<p style="color:blue;">I am blue</p>
<p style="font-size:50px;">I am big</p>
aku normal
aku merah
aku biru
Aku gede
Demikian cara sederhana merobah warna pada HTML. Gunanya? Ya misalnya kalian ingin membuat tulisan berwarna pada menu diatas header blog seperti template yang sedang di gunakan oleh editblogtema ini. Coba klik menu dropdown "konten" di atas halaman ini. Perhatikan menu: "Trik Menu Navigasi" terdiri dari tiga warna bukan?
Baru tahu kalau ada kode kode htmlnya ya mas, maklum aku awam soal beginian, aku tahunya kalau mewarnai font lamgsung saja dari pilihan warna yang ada di dashboard
BalasHapus