Chú ý, css này danh cho các bạn đã có hiểu biết sơ đẳng về css voọc thử. Các bạn mới ko nên thử.
Mô tả : khi rê chuột đến liên kết sẽ hiện ra ảnh mình chọn phía dưới liên kết.Ở đây mình dùng ảnh này
chép toàn bộ đoạn code sau vào css style sheet của bạn :
- Code:
-
/*Lienket--------------------------------------------------*/
/*Credits: Dynamic Drive CSS Library */
/*URL: [url=http://www.dynamicdrive.com/style/]http://www.dynamicdrive.com/style/[/url] */
a:link {
color: #C37108;
white-space: nowrap;
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #C37108;
}
a:hover {
text-decoration: none;
background-image: url(media/animated_underline.gif);
background-repeat: repeat-x;
background-position: 100% 100%;
padding-bottom: 3px;
color: #CC9900;
}
a:active {
text-decoration: none;
}
Thay media/animated_underline.gif thành link ảnh của bạn.
Chúc bạn thành công!!