DIFINMEDIA.COM
Back Home

Style text ala CSS

Sourch Image : www.difinmedia.com

Melihat dari judul,saya jadi mau ketawa sendiri   Abis binggung mau buat judul apa ..yah mudah-mudahan aja dimengerti yak ..
Kali ini saya mau ngebahas tentang Style text ala CSS,cara penggunaannya sama aja koq ma HTML cuma beda scripst aja kale y
Kita langsung aja y,berikut contoh dan kodenya :

Contoh I :

<div style="text-shadow: 6px 6px 10px blue;">
Jika browser kamu support kode CSS,maka Text ini akan mempunyai bayangan.</div>

Hasilnya :

Jika browser kamu support kode CSS,maka Text ini akan mempunyai bayangan.

Contoh II :

 <p style="text-decoration:overline;">Garis Lurus Diatas Text</p>
<p style="text-decoration:line-through;">Garis Lurus DiTengah Text</p>
<p style="text-decoration:underline;">Garis Lurus Dibawah Text</p>
<a style="text-decoration:none;" a href="http://lamurdey.blogspot.com/" > Text Hyperlink Non Garis Lurus</a>

Hasilnya :

Garis Lurus Diatas Text
Garis Lurus DiTengah Text
Garis Lurus Dibawah Text

Text Hyperlink Non Garis Lurus

Contoh III :


<p style="word-spacing:60px;">Text CSS Memiliki Spasi</p>
<p style="letter-spacing:5px;">Huruf CSS Memiliki Spasi</p>
<p style="color:blue;">Text CSS warna Biru</p>
<p style="text-indent:50px;">Text Tab Baru</p>

Hasilnya :

Text CSS Memiliki Spasi

Huruf CSS Memiliki Spasi

Text CSS warna biru

Text Tab Baru

Contoh IV :

<p style="font-size:20px;">Text Berukuran 20 pixels.</p>
<p style="font-weight:bold;">Text Tebal.</p>
<p style="font-style:italic;">Text Miring.</p>  

Hasilnya :

Text Berukuran 20 pixels.
Text Tebal.
Text Miring.

Begitulah kira-kira kodenya,itu hanya sebagian kecil dari kode CSS,disini saya hanya memperkenalkan doank,saya tahu sedikit langsung saya share,sekalian buat belajar mengingat juga bagi saya .
Kira-kira ada yang kurang jelas tanyakan aja y..kontak langsung juga boleh.