menu
Ad goes here

Sunday, 9 September 2012

CSS3 Rounded Box

Using some CSS3 attributes also can round your box. This technique will work in Firefox, Safari, Chrome and any other CSS3-compatible browser.

Thy this...


CSS3 Rounded Box

CSS Code:

<style type="text/css">
.rounded-box-css3 {
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
width: 480px;
height:180px;
background: #ebebeb;
padding:10px;
}
</style>

HTML Code:

<div class="rounded-box-css3">
CSS3 Rounded Box
</div>

No comments:

Post a Comment

Books for you (Crafted with )