jquery.corner.jsを使って指定エリアを角丸にする方法をご紹介します。 角丸はCSS(border-radius)で出来ますが、かなり昔はCSSで角丸が出来ず角丸の画像を使ってやってました。 今回はJavaScriptプラグインのjquery.corner.jsを使ってやってみました。 jquery.corner.jsを使って、指定エリアを角丸にするCSSの記述 ※3パターンのエリア(.clSample1、.clSample2、.clSample3)を用意しました。必要に応じて変更して下さい。 <style type="text/css"> <!-- body{ margin:0; padding:0; } h1{ font-size:16px; line-height:1.6em; text-align:center; padding:15px 0; font-weight:
![jquery.corner.jsを使って指定エリアを角丸にする方法|DAD UNION – エンジニア同盟](https://cdn-ak-scissors.b.st-hatena.com/image/square/1b237aafa05f1cfc425beeab57ed7cc06784effd/height=288;version=1;width=512/https%3A%2F%2Fdad-union.com%2Fwp-content%2Fuploads%2F2019%2F06%2Fcap20130712.jpg)