버튼 샘플
button.html<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<style type="text/css">
.classname {
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #4080C0), color-stop(1, #1e62d0) );
border-top-left-radius:10px;
-webkit-border-top-right-radius:20px;
-moz-border-radius-topright:20px;
border-top-right-radius:10px;
-webkit-border-bottom-right-radius:10px;
border-bottom-left-radius:10px;
text-indent:0;
border:1px solid #337fed;
display:inline-block;
color:#ffffff;
font-family:Arial;
font-size:15px;
line-height:40px;
width:100px;
text-decoration:none;
text-align:center;
}
.classname:hover {
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #40475F), color-stop(1, #40475F) );
background:-moz-linear-gradient( center top, #1e62d0 5%, #4080C0 100% );
}
</style>
</head>
<body>
<a href="#" class="classname">버튼</a>
</body>
</html>