Tutorial blogspot, belajar blog, membuat html dasar, perbaiki template,Tutorial Blog, HTML, Cara membuat, attribution blog, warna html,css kode

Selasa, 28 Desember 2010

Style text ala CSS

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.

Share on Facebook
Share on Twitter
Share on Google+

Related : Style text ala CSS

1 komentar: