Tuesday, February 15, 2011

Rounded Corner Box Using CSS

<style type="text/css">
.abc{
    width: 198px;
    padding:5px;
    padding-bottom:10px;
    border:3px solid #ebebeb;
    -moz-border-radius-topleft:28px;
    -webkit-border-top-left-radius:28px;
    -moz-border-radius-topright:28px;
    -webkit-border-top-right-radius:28px;
    -moz-border-radius-bottomleft:28px;
    -webkit-border-bottom-left-radius:28px;
    -moz-border-radius-bottomright:28px;
    -webkit-border-bottom-right-radius:28px;
}
</style>

<div class="abc">
Rounded Corner Box Using CSS
JAY JE
JAY JE</div>


its look like this:


Rounded Corner Box Using CSS
JAY JE
JAY JE
(Firefox, Safari, Chrome and IE9)