Tutorial Dasar CSS
CSS Style
CSS Advanced
Referensi CSS Lainnya
Populer
Terbaru

Efek Teks CSS

CSS memiliki beragam efek teks, efek ini diantaranya seperti memberi warna pada teks, mengubah posisi teks, transformasi teks dan lainnya.

Warna Teks

Dengan CSS, warna teks dapat ditentukan dengan 3 cara :

  • Nilai HEX – seperti “#ff0000
  • Nilai RGB – seperti “rgb (255,0,0)”
  • Nama warna – seperti “red” (untuk warna merah)

Contoh

body {color:red;}
h1 {color:#00ff00;}
p.cth {color:rgb(0,0,255);}

Coba »

Teks Align (Posisi Teks)

Untuk menentukan posisi suatu teks secara horizontal, digunakan property text-align. Teks dapat diset ditengah,dikanan atau dikiri maupun rata kiri-kanan (justify).

Contoh

h1 {text-align:center;}
p.tanggal {text-align:right;}
p.tulisan {text-align:justify;}

Coba »

Dekorasi Teks

Contoh

a {text-decoration:none;}
h1 {text-decoration:overline;}
h2 {text-decoration:line-through;}
h3 {text-decoration:underline;}
h4 {text-decoration:blink;}

Coba »

Teks Tranformasi

Contoh

p.uppercase {text-transform:uppercase;}
p.lowercase {text-transform:lowercase;}
p.capitalize {text-transform:capitalize;}

Coba »