Styled Buttons

Made using A element or Button element

by Ben Clayton

HTML

<a name="top"></a>
<a href="#below" class="but1" >Click</a>
<button class="but2" >
Click
</button>
<div class="content">
</div>
<a name="below">
<a href="#top" class="but1">Top</a>
</a>

CSS

a,button {
  font-family:Arial;
  font-size:20px;
}

.but1 {
  padding:30px;
  border:solid red 1px;
  cursor:pointer;
  border-radius:5px;
  margin-top:10px;
  display:inline-block;
  text-decoration:none;
}

.but1:hover {
  background-color:#DD44DD;
}
.content{
  height:500px;
}
.but2 {
  background-color:#FFFFFF;
  padding:30px;
  border:solid red 1px;
  cursor:pointer;
  border-radius:5px;
  margin-top:10px;
  display:inline-block;
}
.but2:hover {
  background-color:#DD44DD;
}