sedikit ingin share tentang css. coretan saya kali ini mungkin tidak terlalu menarik,tapi dari sini kita bisa lebih memahami tentang apa itu css.terutama dalam menghias suatu text dengan css.Disini kita dapat membuat text decoration seperti underline,overline,line-through,maupun blink dengan properti.
text-decoration : option ;
dengan option dapat diganti dengan underline,overline,line-through atau blink.untuk dapat melihat perbedaanya,kita bisa lihat contoh sebagai berikut :
<!DOCTYPE html PUBLIC "-//W3C//DTD// XHTML 1.0 Transitional //EN""http://www.w3c.org/TR/xhmtl/DTD/xhmtl1-translational.dtd"><hmtl xmlns="http://www.w3.org/1999/xhtml">
<head><title>css guide <title>
< styele type ="text/css">
#heading1 {
text-decoration : blink ; /* membuat text berkedip */
}
#heading2 {
tex-decoration : line-trough; /* membuat garis ditengah text/dicoret */
}
#heading3 {
tex-decoration : underline; /* membuat garis bawah */
}
#heading4 {
tex-decoration : overline; /* membuat garis diatas text */
}
</style >
</head>
<body>
<h1 id="heading1">Ini text dengan decoration blink / berkedip </h1>
<h1 id="heading2">Ini text dengan decoration garis tengah/coret / berkedip </h1>
<h1 id="heading3">Ini text dengan decoration garis bawah / berkedip </h1>
<h1 id="heading4">Ini text dengan decoration garis diatas text/ berkedip </h1>
</body>
</html>
<head><title>css guide <title>
< styele type ="text/css">
#heading1 {
text-decoration : blink ; /* membuat text berkedip */
}
#heading2 {
tex-decoration : line-trough; /* membuat garis ditengah text/dicoret */
}
#heading3 {
tex-decoration : underline; /* membuat garis bawah */
}
#heading4 {
tex-decoration : overline; /* membuat garis diatas text */
}
</style >
</head>
<body>
<h1 id="heading1">Ini text dengan decoration blink / berkedip </h1>
<h1 id="heading2">Ini text dengan decoration garis tengah/coret / berkedip </h1>
<h1 id="heading3">Ini text dengan decoration garis bawah / berkedip </h1>
<h1 id="heading4">Ini text dengan decoration garis diatas text/ berkedip </h1>
</body>
</html>
Nah itu sedikit tentang text decoration dengan css,semoga bisa membantu dalam mengedit file HMTL pada template blog.sedikit pengetahuan tentang css ini,menjadi pengalaman kita dalam mengenal script css.thank u for reading this post.
0 komentar:
Posting Komentar