View Full Version : how to curve corners
11-07-2011, 03:07 PM
hi, i am learning how to code html and css and i am stuck on how to curve corners of certain parts of my page. for example i want to curve the edges on the container than holds my site. ive started from a basic dreamweaver template im working on but i cant figure out how to make it work..
can someone pleaaaase help me.
would be greatly appreciated!
11-07-2011, 04:08 PM
CSS3 can do rounded corners but it's not widely supported yet. Image based corners are how it's normally done. Have a look at some demos -
a CSS3 demo (http://nopeople.com/CSS%20tips/CSS%203%20stuff/index.html)
11-07-2011, 07:05 PM
you can also use jquery:
11-08-2011, 02:30 AM
thanks guys. still unsure as to how i impliment jquery into my html or css. any hints or tutorials i can look at?
i really need help on code placement.
11-08-2011, 04:00 PM
the easiest way to make rounded corners is in css3 using border-radius.
in html make a div tag with id container.
website content goes here.
and in css do.
this gives you a red box width rounded corners. homever it's still not supported amongst all browsers.
11-08-2011, 06:23 PM
Using border-radius will give you rounded corners in all popular browsers except for IE8 and earlier.
Powered by vBulletin® Version 4.2.2 Copyright © 2017 vBulletin Solutions, Inc. All rights reserved.