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
0 comments:
Post a Comment
Please Your Comment