24xhtml.com: CSS3 Rounded Box

Download eBook

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>

1 comment:

damion1 September 2020 at 23:59
It’s now just a piece of cake! Rely on Marks4sure’s easy DES-5121 Questions Answers that can give you first time success with 100% money back guarantee! Thousands of IT professional have already been benefited with the marvelous DES-5121 Q&As and have obtained their dream certification.
ReplyDelete
Replies

Subscribe to: Post Comments (Atom)