Javascriptのメモ
javascriptとcssで角を丸く表示することができます。
ruzeeborders.jsをダウンロードしてください。 http://www.ruzee.com/blog/ruzeeborders/
チュートリアル
以下のjavascriptをインクルードします。
<script type="text/javascript" type="text/javascript" src="cssquery2-p.js"></script> <script type="text/javascript" type="text/javascript" src="ruzeeborders.js"></script>
以下のstyleを設定します。
<style><!-- .bordered { width:400px; border:3px red solid; padding:30px; height:10px; } //--> </style>
javascriptで以下の関数を定義します。
RUZEE.Borders.add({ ".bordered" : { borderType:"shadow", cornerRadius:15, shadowWidth:10 } });
丸くしたい部分を以下のようにします。
<div class="bordered"> 丸くしたい部分 </div>
全部あわせると
ここ
のようになります。
戻る