We always need the rounded corners for our various web projects.
W3C has offered some new options for borders in CSS3, of which one is border-radius. Both Mozila/Firefox and Safari 3 have implemented this function.
There are many javascripts are available to create the rounded corner using scripts. But specially recommend use pur css to avoid unnecessary script loading. So many sites uses the background image also, We need to avoid that also.
Following css will give you the rounded corners using only css:
.main_container {background:#ccc; color:#fff; margin:0 15px;}
.wordpressapitop, .wordpressapibottom{
display:block;
background:#fff;
}
.wordpressapitop *, .wordpressapibottom *{
display: block;
height: 1px;
overflow: hidden;
background:#ccc;
}
.wordpressapi1{margin: 0 5px}
.wordpressapi2{margin: 0 3px}
.wordpressapi3{margin: 0 2px}
.wordpressapi4{
margin: 0 1px;
height: 2px
}
Use following code in your html file and you are able to use rounded corners without using the javascript
Above script will work on all browsers FF, Chrome, Safari, IE6, IE7, IE8.
Incoming search terms:
- rounded corner css
- panel curve corner css
- rounded box images
- rounded corner backgrounds
- rounded corner images
- rounded corners png
- rounded corner wordpress plugin
- wordpress plugin to round thumbnail edges
- wordpress round corners plugin
The sample you show have Gradiant background. The CSS in this example does not fit with the sample.
I was just having a conversation over this I am glad I came across this it cleared some of the questions I had.
Awesome post. I so good to see someone taking the time to share this information
Great read. Thanks for the info!
I REALLY liked your post and blog! It took me a minute bit to find your site…but I bookmarked it. Would you mind if I posted a link back to your post?
Thanks for posting. Good to see that not everyone is using RSS feeds to build their blogs
Hello, this is my first time i visit here. I found so many interesting in your blog especially on how to determine the topic. keep up the good work.
Interesting read, perhaps the best article iv’e browse today. We learn everyday cheers to you!
Good! Thank you! I always wanted to write in my site something like that. Can I take part of your post to my blog?
Awesome post. I so good to see someone taking the time to share this information
This post makes a lot of sense !