Rounded Border with CSS

It is meant to be coming with CSS3 but till then Mozilla/Firefox has support:

<style type="text/css">
\n   .round{
\n      border:2px solid black;
\n      -moz-border-radius-topright: 20px;
\n      -moz-border-radius-topleft: 20px;
\n      -moz-border-radius-bottomright: 20px;
\n      -moz-border-radius-bottomleft: 20px;
\n      width:200px;height:200px;
\n      text-align:center
\n   }
\n</style>

\n<div class="round">
\n   Rounded edge in Moz
\n</div>

One note i would say is that i nearly didnt post it as its Mozilla only. The reason i went against it is because it degrades gracefully in other browsers.
comments powered by Disqus