渐变按钮 

<!DOCTYPE HTML>
<html>
<head>

<style type="text/css">
#box a{background: gray;text-decoration: none;color:#fff;font-size:12px;transition:all .5s linear;}
#box a:hover{background: #000;color:pink;font-size:12px;transition:all .5s linear;}
</style>
</head>

<body>
<div id="box">
<a href="javascript:void(0)">获取网页源代码</a>
</div>
</body>
</html>

 

posted @ 2016-05-27 14:56  天阳01  阅读(107)  评论(0)    收藏  举报