Tag Border Labels

Circle Dashed Borders

by Charles Butler

HTML

<script src="http://fonts.googleapis.com/css?family=Open+Sans:300,400,600italic,700,400italic"></script>
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/font-awesome/4.0.1/css/font-awesome.css">
<div class="round">
    <a class="round_button">DOWNLOAD</a>
</div>

CSS

@import url(http://fonts.googleapis.com/css?family=Open+Sans:300, 400, 600italic, 700, 400italic);
 @import url(http://fonts.googleapis.com/css?family=Monda:400, 700);
 body {
    font-family:"Open Sans", "Helvetica", Helvetica, Arial, sans-serif;
    background: #F7F7F7;
    padding: 50px;
}
.round {
    width: 200px;
    height: 200px;
    background: #000;
    margin:0 auto;
    text-align: center;
        border-radius: 10000px;
    border: 1px dashed #FFF;
    background: #000;
    -moz-box-shadow: 0 0 0 10px #000;
-webkit-box-shadow: 0 0 0 10px #000;
box-shadow: 0 0 0 10px #000;
}
a.round_button{
    
    line-height:100px;
    width: 100px;
    color: #FFF;

}