Selektor A hover
A hover itu kejadian pada pemicu link saat mouse di gerakan diatas nya, arti sederhana nya ketika kita mengarahkan cursor kepada link, link tersebut berubah warna nya,, ok langsung saja
ini code nya saya dapat dari Ebook Bengkel Internet PENS-ITS Tentang Css
<HTML>
<HEAD>
<TITLE>Pengaturan pada link</TITLE>
<STYLE type="text/css"> /*Konversi pengaturan Link pada contoh sebelumya menggunakan css */
A:link {color : green;}
A:hover { color : pink;}
</STYLE>
</HEAD>
<BODY> <a href="http://lecturer.eepis-its.edu/~zenhadi" target="_self">Contoh Hyperlink menggunakan CSS</a>
</BODY>
</HTML>
ket
ketika link kita arahkan efek nya menjadi warna pink ketika cursor pergi meningal kan link kembali ke asal yaitu warna nya hijau
yang warna merah ganti dengan nama sobat ingin kan
saya modifikasi sedikit versi saya
<HTML>
<HEAD>
<TITLE>Pengaturan pada link</TITLE>
<STYLE type="text/css">
/*Konversi pengaturan Link pada contoh sebelumya menggunakan css */
A:link {color : green;}
A:hover { color : pink;}
</STYLE>
</HEAD>
<BODY>
<a href="http://hudori123.blogspot.com.html
">CATATAN SEDERHANA</a>
</BODY>
</HTML>
hasil
<HTML>
<HEAD>
<STYLE type="text/css">
A:link {color : fuchsia;}
A:hover { color : white;}
background-color:blue;}
</STYLE>
</HEAD>
<BODY>
<p> </p>
<TABLE border="1" width="151" height="36">
<TR style="color: #C0C0C0; border-style: groove; border-width: 1px; background-color: #FFFF00">
<TD width="141" bgcolor="#FF9900"> <a href="<a href="http://hudori123.blogspot.com.html">
<span style="text-decoration: none"><font size="4">Catatan Sederhana</font></span></a></TD></TR>
</BODY>
</HTML>
HASIL
| Catatan Sederhana |
sekarang giliran sobat, Selamat Belajar
Alhamdulillah Catatan sederhana mengenai Membuat Efek Pada Link telah selesai mohon maaf jika ada kesalahan wasalamu'alaikum warohmatulloh wabarokaatuh
No comments:
Post a Comment