Cool style trick: give your boxes rounded edges without using images

My co-worker Christine points me to this very cool Javascript trick, which allows you to give the DIVs on your page rounded edges, without having to use images. All you have to do is include the Javascript file on the page, and then any time you want a div on that page to have a rounded edge, you just give it a class of “rounded”:

<div class=”rounded”>
This div has rounded edges
</div>

You must also call the “Rounded” function at the bottom of the page, or use the Simon Willison method, which I would prefer. You can even control the degree of roundness by changing the numbers when you call Rounded():

Rounded(’rounded’, 6, 6);

One comment

  1. Ã?ðèâåò, áûëî î÷åíüïðèêîëüíî âàñ ïî÷èòàòü. òîëüêî âîò îäíîíå î÷åíü õîðîøî Ñïàìåðû äîñòàëè, ó ìåíÿ ó ñàìîãî åñòü ñàéò òàê è íà ïðåìîäåðàöèþ ñòàâèòü âñå ïîñòûíå äåëî, à âîò êàïò÷ó íèêàê íå ìîãó óñòàíîâèòü, íå ïîëó÷àåòñÿ…

Leave a Reply

Your email address will not be published. Required fields are marked *

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>