Membuat Text Decoration


Kali ini saya akan berbagi tutorial css dasar tentang teks style decoration, untuk trik berikut juga bisa membuat text decoration seperti underline, overline, line through maupun blink dengan pilihan properti.
Text-decoration : option;
Dengan option kita bisa mengganti beberapa type text decoration .
Contoh :


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Text Decoration</title>
<style type="text/css">
#heading1 {
text-decoration : blink; /* membuat teks berkelap kelip */
}

#heading2 {
text-decoration : line-through; /* membuat garis ditengah text/ dicoret */
}

#heading3 {
text-decoration : underline; /* membuat garis bawah */
}

#heading4 {
text-decoration : overline; /* membuat garis di atas text */
}
</style>
</head>
<body>
<h1 id="heading1">Muryan Awaludin ( blink )</h1>
<h1 id="heading2">Muryan Awaludin ( line-through )</h1>
<h1 id="heading3">Muryan Awaludin ( underline )</h1>
<h1 id="heading4">Muryan Awaludin ( overline )</h1>
</body>
</html>



Hasil pada Browser :

DOWNLOAD
Password : www.ilmudesain.web.id

Artikel Menarik Lainnya :



0 comments:

Post a Comment

Please Your Comment

Entri Populer

Kontak Saya

HP/WA : 08562616116

Total Pageviews

Teman-Teman Blogger

Dapatkan Update artikel IDG ke email Anda

Ilmu Desain Grafis Copyright © 2009 Community is Designed by Bie | development by Muryan Awaludin