CSS圆角按钮标签样式网页特效代码

<html>

<head>

<title>css3圆角按钮</title>

</head>

<style type="text/css">

.btn{background-color: #D2340F;color:white;text-decoration: none;font-family:Arial;font-weight: 900;font-size: 15px;padding:10px 13px;border-radius: 5px;}

.btn-buynow{background-color: #D2340F;}

.btn-buynow:hover{background-color: #EF411A;}

.btn-signup{background-color: #006DCC;}

.btn-signup:hover{background-color: rgb(0,74,204);}

.btn-login{background-color: rgb(113,181,27);}

.btn-login:hover{background-color: rgb(147,199,25);}

</style>

<body>

<a class="btn btn-buynow" href="#">平面设计</a>

<a class="btn btn-signup" href="#">摄影</a>

<a class="btn btn-login" href="#">FLASH动画</a>

</body>

</html>

__________________________________________________________________________

复制以上代码到代码运行器查看效果!

发表评论

您必须登录才能发表评论!