 |
热门文章 |
|
|
|
相关文章 |
|
| 没有相关文章 |
|
|
| CSS实现带背景图片的文字链接 |
| 来源：源码爱好者 更新时间：2011/4/30 11:26:09 阅读次数： 我要投稿 |
|
<!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=gb2312" />
<title>带背景的文字链接</title>
<style type="text/css">
* {
font-size:12px;
text-align:center;
}
a {
display:block;
width:100px;
height:30px;
color:#353535;
line-height:30px;
text-decoration:none;
background:url(http://www.cwydesign.com/effects/UploadFiles_7074/201104/2011043011283883.png) no-repeat 0 0;
}
a:hover {
color:#000;
background:url(http://www.cwydesign.com/effects/UploadFiles_7074/201104/2011043011283883.png) no-repeat 0 -30px;
}
</style>
</head>
<body>
<a href="http://www.codefans.net/">源码爱好者</a>
</body>
</html> |
| 特效说明： |
CSS实现带背景图片的文字链接，可随链接一起变换背景，更像是一个按钮的效果。 |
|
| 上一篇文章： Effects Module效果，jQuery 隐性文本慢慢消失下一篇文章： 链接文字向下一像素 |
|
|
|
注册 登录
