CSS div block rounded corners

Designing css borders can be a real nuisance. Each web browser requires its own settings. Suppose you want to plot a simple div block with class -block and an edge radius of 4px. In order to solve the task a fancy CSS developed solutions can be used:

.div-block{
border: 1 px solid black /* Black corner surronding a div block */
-moz-border-radius: 4px; /* Firefox */
-webkit-border-radius: 4px; /* Safari in Google Chrome */
border-radius: 4px; /* Opera 10.5+, future browsers, Internet Explorer 6+ that uses IE-CSS3 */
}

Continue reading