Kalau Anda rajin surfing pasti sudah sering melihat "tombol" yang dibuat dengan tag <TABLE> yang mempunyai efek 3 dimensi. Buat Anda yang belum pernah melihatnya, bisa melihat contohnya di sini.
Di bawah ini adalah contoh bagaimana membuat tombol sepeti itu:
<HTML>
<HEAD>
<TITLE> Tombol 3 Dimensi </TITLE>
</HEAD>
<STYLE>
.link1:hover {
FONT-SIZE: 10px; COLOR: #f0f2f3; FONT-FAMILY: Verdana,Arial; TEXT-DECORATION: underline
}
.link1 {
FONT-SIZE: 10px; COLOR: #f0f2f3; FONT-FAMILY: Verdana,Arial; TEXT-DECORATION: none
}
.tabel1 {
BORDER-RIGHT: black 2px outset; BORDER-TOP: white 1px outset; BACKGROUND: #507488; BORDER-LEFT: white 1px outset; BORDER-BOTTOM: black 2px outset
}
</STYLE>
<BODY bgcolor=#f0f2f3>
<TABLE align=center class=tabel1>
<TR><TD> <b><a class=link1 href=http://www.lutfian.com target=blank> Lutfian Software </a></b> </TD></TR>
</TABLE>
</BODY>
</HTML>
Posting Komentar