Top
Home

CSS Circle Button

Make a round button with css.






<style>
.circle1{
background:#0D90F4;
border:5px solid #000;
}

.circle1:hover{
background-color:#D5B711;
border:5px solid #f00;
}

.circle1{
width:100px;
height:100px;
border-radius:50%;
background-image:url(http://www.mooseloose.com/images/moose.png);
Background-repeat:no-repeat;
background-position: -75px 5px;
background-size:170%;
cursor:pointer;
border:5px solid #000;
float:left;
}
</style>


<div onclick="window.open('http://mooseloose.com','mywindow');" class="circle1"></div>