How to make round corners of div blocks without pictures?

5 answers 5

.rounded-corners { -moz-border-radius: 10px; /* Firefox */ -webkit-border-radius: 10px; /* Safari, Chrome */ border-radius: 10px; /* CSS3 */ behavior: url(PIE.htc); /* IE < 9 */ }

Download PIE.htc here

    Block Generator , Round + shadows, in general, you can make very beautiful div blocks.

      css:

        .ololo{ background:#222222 -moz-border-radius: 20px; -webkit-border-radius: 20px; }

      html:

        <div class="ololo"> olololo </div>
      • one
        Forget just border-ratius: 20px; - metazet

      You can write like this

       -moz-border-radius: 10px; /* Firefox */ -webkit-border-radius: 10px; /* Safari, Chrome */ border-radius: 10px; /* CSS3 */

      And then connect the library for html5 and css3

        At the moment (autumn 2016), 92.74% of all browsers in the world support non-fixed form properties . And, if you do not need support for IE8 and less, you can safely write like this:

         .class { border-radius: 10px; }