roundcorners Posted January 13, 2009 Share Posted January 13, 2009 Hello, I have been experimenting with some examples of the use of css borders to create different shapes, triangles, quadrilaterals, etc. Does anyone know if you can produce rounded corners just with borders and some css trickery. Link to comment Share on other sites More sharing options...
Ingolme Posted January 13, 2009 Share Posted January 13, 2009 You can do it like this:http://dtfox-tests.totalh.com/roundcorners.htmlWhat I have is a series of block elements that are one pixel tall and centered (margin: 0 auto), and each line has a different width, which draws out a rounded border, it's a pixel by pixel thing.Look at the source code of the page to see exactly what's happening. Link to comment Share on other sites More sharing options...
roundcorners Posted January 13, 2009 Author Share Posted January 13, 2009 Thank you, just what I was looking for.Please be aware that this does not work in IE6Another rounded corners option which doesn't use images is http://www.html.it/articoli/niftycube/index.html, but this does require the user to have JavaScript enabled Link to comment Share on other sites More sharing options...
roundcorners Posted January 13, 2009 Author Share Posted January 13, 2009 I also found this which is by far the best I have come across so farhttp://www.cssplay.co.uk/boxes/chunky.html Link to comment Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.