Friday, July 12, 2010
   
Text Size

Creating Styled Buttons

A simple re-useable button is very effective and versatile. The button can be any size and used anywhere without any additional code once implemented properly. Colors, sizes and effects can all be manipulated easily using the CSS code provided, allowing a uniform and professional look without using images.

My Button Another Button Yet Another Button
 
<a class="myButton" href="#">My Button</a>
 
 
.myButton {
    background: #000;
    text-decoration: none;
    padding:  4px 8px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 3px;
    -moz-box-shadow: 0 0 7px #111;
    }
.myButton:link { 
    color: #fff;
    text-decoration: none;
    }
.myButton:visited { 
    color: #fff;
    text-decoration: none;
    }
.myButton:active { 
    color: #fff;
    text-decoration: none;
    }
.myButton:hover { 
    background: #eee;
    color: #000;
    text-decoration: none;
    -moz-box-shadow: 0 0 7px #007EBF;
    }
 



escorts in israel | escort in tel aviv | Oligarch escorts | Oligarch Tel Aviv escorts | הזמנת נערות ליווי