Css button

style.css

.button {

    /*обычные свойства*/
    width: 250px;  height: 50px;  color: white; background-color: #99CF00;
    text-align: center;  font-size: 30px;  line-height: 50px;


    /*градиент*/
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#99CF00), to(#6DB700));
    background: -moz-linear-gradient(19% 75% 90deg,#6DB700, #99CF00);

    /*границы*/
    border-left: solid 1px #c3f83a;
    border-top: solid 1px #c3f83a;
    border-right: solid 1px #82a528;
    border-bottom: solid 1px #58701b;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -webkit-gradient(linear, 0% 0%, 0% 100%, from(#99CF00), to(#6DB700))

}

.button h3 {
    font-size: 20px;
    line-height: 35px;
    font-family: helvetica, sans-serif;
}

.button p {
    font-size: 12px;
    line-height: 4px;
    font-family: helvetica, sans-serif;
}

a {
    text-decoration: none;
    color: fff;
}

.button:hover {
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#6DB700), to(#99CF00));
    background: -moz-linear-gradient(19% 75% 90deg,#99CF00, #6DB700);
}


index.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>

<meta http-equiv="X-UA-Compatible" content="IE=edge" />

<link rel="shortcut icon" href="/images/favicon.ico" />


<meta http-equiv="content-type" content="text/html; charset=windows-1251" />

<meta name="description" content=" " />

<title>Зелёная Кнопка :D</title>

<head>

<link rel="stylesheet" type="text/css" href="css/style.css" />

</head>

<body>

<div class="button">
    <a href="/registration.htm"><h3>Кнопка</h3></a>
</div>

</body>
</html>