Merubah warna tulisan dengan CSS (Cascading style sheet)

Merubah warna tulisan dengan CSS (Cascading style sheet)

Selamat berjumpa kembali pada tutorial selanjutnya, yaitu merubah warna tulisan web dengan CSS (cascade style sheet). Untuk merubah warna tulisan kita hanya memerlukan kode “color” yang akan kita tempatkan pada bagian style. Oke mari kita bahas.

Kode yang diperlukan adalah :

color : ..warna yang kamu inginkan..;


Penempatan Kode “color” pada tag <style type=”text/css”>yaitu :

<style type=”text/css”>
….(tujuan pewarnaan )……
{
Color :red;
}
</style>

Mari kita masukan kedalam kode script kita, misalnya pada judul, text, dan link. Silahkan buka notepad nya atau editor text nya, lalu ketikan kode seperti berikut ini :

<html>
<head>
<style type=”text/css”>
h1 {color:red;}
.warna_1 {color:blue;}
.warna_2{color:yellow;}
.warna_3{color:#149f2e;}
a {color:#db28a2}
</style>
</head>
<body>
<h1>Merubah warna text dengan CSS menjadi warna “color : red” tampak merah</h1>
<br/><br/>
Mengambil Keputusan terkadang sulit bagi sebagian orang, namun terkadang mudah dilakukan bagi sebagian orang lainnya. Ini merupakan orang sukses yang mengambil keputusan dengan benar :<br/><br/>
<div class=”warna_1″>
Bob sabino (pengusaha) (merubah warna text dengan CSS menjadi “color blue” tampak biru)<br/>
</div>
<div class=”warna_2″>
Mario teguh (seorang motivator) (merubah warna text dengan css “color yellow” tampak kuning)<br/>
</div>
<div class=”warna_3″>
Anda (orang yang kuat menghadapi masalah) (merubah warna tulisan dengan code color “#149f2e” tampak seperti hijau)<br/>
</div>
<br/>
Jika anda susah mengambil keputusan, maka anda bisa berkunjung ke salah satu link kami di halaman berikut ini <a href=”#link”>Go Mengambil Keputusan(ini warnanya tapak seperti pink dengan “color : #db28a2”)</a>
</body>
</html> 

Jangan lupa untuk menyimpan kode html tersebut dengan ekstensi .html, misal namanya ingin warna_color. Maka namanya jadi “warna_color.html“.
Untuk membuka filenya, silahkan klik dua kali, dan hasilnya akan tampak seperti pada gambar berikut ini :

merngubah warna dengan property color pada css 
Untuk mengetahui kode suatu warna, anda bisa menggunakan aplikasi photoshop, biasanya disana ada kode warnanya. Lihat gambar berikut ini :
Penjelasan kode yang ada di atas

kode warna pada photoshop untuk kita tambahkan pada file css kita


Itu dia informasi seputar css untuk merubah warna text.kode intinya yaitu pada kode property “color”, lalu kita tambahkan warna nya. sangat mudah bukan.

Selesai…. mari lihat artikel lainnya.

Tinggalkan Komentar

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *