下载按钮和CSS悬停样式代码,Css代码库,德仔网

代码语言

代码分类

【Css】下载按钮和CSS悬停样式

作者:dezai / 发布于2014/4/8/ 1025

下载按钮和CSS悬停样式

<html>
<head>
<title>漂亮的下载按钮样式</title>
<style>
.but_down { margin:0 0 12px 0; font-size:12px}
.but_down a{float:left;display:block;background:transparent url(/jscss/demoimg/201311/dlbutton2.gif) no-repeat left top;border:none;padding:0 0 0 50px;height:44px;color:#567a82;text-decoration:none;text-shadow:0 1px 1px #fff;}
.but_down a span{float:left;display:block;background:transparent url(/jscss/demoimg/201311/dlbutton2.gif) no-repeat right top;padding:0 15px 0 0;line-height:45px;cursor:pointer;}
.but_down a:hover{ text-shadow:0 1px 1px #fff;background:transparent url(/jscss/demoimg/201311/dlbutton2.gif) no-repeat left bottom;border-radius:0px;-webkit-border-radius:0px;-moz-border-radius:0px;-khtml-border-radius:0px;}
.but_down a:hover span{background:transparent url(/jscss/demoimg/201311/dlbutton2.gif) no-repeat right bottom;}
</style>
</head>
<body>
<div class="but_down"><a rel="facebox" href="#hacklog_download_list15" title="酷炫jquery.sequence.js banner全屏焦点图幻灯片切换特效" ><span>下载地址：幻灯片-酷炫jquery.sequence.js banner全屏焦点图幻灯片切换特效</span></a></div>
</body>
</html>

试试其它关键字

　CSS样式　

同语言下

可能有用的

dezai贡献的其它代码(1065)