<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Dashed Border Effect</title>
</head>
<style>
.dashed { float: left; margin: 10% 0%; width: auto;}
.dashed a { background-color: #09c18c;display: block; border: 2px dashed #000; padding: 30px 10px; text-decoration: none; color: #fff;font-size: 24px; width: auto; width:250px; text-align:center;}
.dashed a:hover {border:2px dashed #fff;}
</style>
<body>
<div class="dashed"><a href="#">Dashed Border</a></div>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>Dashed Border Effect</title>
</head>
<style>
.dashed { float: left; margin: 10% 0%; width: auto;}
.dashed a { background-color: #09c18c;display: block; border: 2px dashed #000; padding: 30px 10px; text-decoration: none; color: #fff;font-size: 24px; width: auto; width:250px; text-align:center;}
.dashed a:hover {border:2px dashed #fff;}
</style>
<body>
<div class="dashed"><a href="#">Dashed Border</a></div>
</body>
</html>
No comments :
Post a Comment