Pages

Wednesday, April 16, 2014

Flat UI Buttons (HTML + CSS)

This will show how to create flat ui style button by styling  default button 



  1.  first create a button using  a  button tag <button></button>




Output is :


2.Then add CSS style code to display it as flat ui button



#btn{
background:#e74c3c; 
height:30px;
width:200px; 
border: 0px solid ;
cursor:pointer;
color:#FFF;
font-weight:bold; 
margin-left:10px;
margin-top:20px;
}

Output is 




No comments:

Post a Comment