今さらですが、角丸にする「jQuery Corner」

今さらな感じもしますが、何度も検索している気がするので、自分用にメモ。

オブジェクトの角を丸くするjQueryスクリプトです。
JQuery Corner Demo

まず読み込んで、

<script type="text/javascript" src="/js/jquery.js" charset="utf-8"></script><br /><script type="text/javascript" src="/js/corner.js" charset="utf-8"></script>

適用させるidやclassと、丸の大きさを指定します。

<script type="text/javascript">
$('#corner').corner("10px");
</script>

かんたん！

もちろん、borderが指定されていても大丈夫です。
他にもいろいろな効果が付けられますが、Round以外はめったに使わないんですよね～。

IE6はダメみたいなので、角丸じゃなくても大丈夫なデザインにしておくと安心です。