Create button from anchor using round border - HTML CSS CSS Widget

HTML CSS examples for CSS Widget:Button

  1. HOME
  2. HTML CSS
  3. CSS Widget
  4. Button

Description

Create button from anchor using round border

Demo Code

ResultView the demo in separate window 

<html>
 <head> 
  <meta name="viewport" content="width=device-width, initial-scale=1"> 
  <style id="compiled-css" type="text/css">

.referencesSkills {<!--from  w w w.j  ava2 s .co m-->
   color: #4086b9;
   padding: 3px 5px;
   border: 1px solid red;
   background-color: blue;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   -o-border-radius: 5px;
   -ms-border-radius: 5px;
   -khtml-border-radius: 5px;
   border-radius:5px;
   font-size: 14px;
   line-height: 30px;
   display:inline-block;
}


      </style> 
 </head> 
 <body> 
  <title>Conforming XHTML 1.0 Transitional Template</title> 
  <div> 
   <a href="#" class="referencesSkills">This is a test 1</a> 
   <a href="#" class="referencesSkills">This is a test 2</a> 
   <a href="#" class="referencesSkills">This is a test 3</a> 
  </div>  
 </body>
</html>

Related Tutorials