CSS background gradient, rounded corner, shadow usage and compatibility

# Mydiv { Width : 30% ; Height : 50% ; Min-height : Pixel PX ; Float : Left ; Border : 1px solid white ; /*  The following shows the gradient background of various browsers:  */     /*  WebKit, such as chrome and Safari  */  Background : -WebKit-gradient (linear, 0% 0%, 100% 0%, from (# b1d2eb), to (#8ec0e7 )) ; /*  IE Series  */  Filter : Progid: DXImageTransform. Microsoft. gradient (gradienttype = 1, startcolorstr = # b1d2eb, endcolorstr = #8ec0e7) ; /*  Firefox  */ Background : -Moz-linear-gradient (left, # b1d2eb, #8ec0e7) No-repeat ; /*  Opera  */  Background : -O-linear-gradient (left, # b1d2eb 0%, #8ec0e7 100%) ;}

Parameter: IE filter: parameter: startcolorstr start color endcolorstr end color gradienttype: 0 time table vertical, 1 time table horizontal Firefox parameter: Top, bottom vertical, left, right level for example: top gradient from # b1d2eb to #8ec0e7 at the top, and bottom gradient from # b1d2eb to #8ec0e7 at the bottom. Opera parameters: Top, bottom vertical, left, Right horizontal, for example: top gradient from # b1d2eb to #8ec0e7, bottom gradient from # b1d2eb to #8ec0e7 WebKit, such as chrome and Safari Background:-WebKit-gradient (linear, 0% 0%, 0% 100%, from (# b1d2eb), to (#8ec0e7 ));

/*Shadow*/Box-Shadow: 5px 5px 5px #61a5d5;/*IE 9.0 or above*/-Moz-box-Shadow: 5px 5px 5px #61a5d5;/*Firefox*/-WebKit-box-Shadow: 5px 5px 5px #61a5d5;/*Chrome, etc.*//*Corner, ie9.0 to, ie8.0 and below can be solved using jquery plug-in*/Border-radius: 8px;