Thursday, May 24, 2012

How to use gradient with background color?

 Here is how to use gradient with background color in css .
.HeaderWrapper {  
float:left; display:inline;
width:100%;
background:#5EB440 ;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#236F44', endColorstr='#5EB440'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#236F44), to(#5EB440)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #236F44,  #5EB440); /* for firefox 3.6+ */
}

How to make a rounded corner div?

Here is the style for making a rounded corner div

.round-corner-box {
margin:0px; padding:0px;
border:1px #5EB440 solid;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
 border-radius: 10px;
}

But don't know this is not working in IE for me....
any suggestions!