2 個製作圓角區塊的方法
December 26, 2007
Nifty Anti-aliased Corners
更改圓角角度即可看到效果，並可使用
curvyCorners
利用 Javascript 程式設計圓角，可用於 DIV 元素中。
使用方法：
1. 下載最新版本，並放到網站目錄中
2. 在 <head></head> 標籤內加入：
<script type="text/javascript" src="rounded_corners.js" mce_src="rounded_corners.js"></script> <script type="text/javascript"> window.onload = function() { settings = { tl: { radius: 20 }, tr: { radius: 20 }, bl: { radius: 20 }, br: { radius: 20 }, antiAlias: true, autoPad: false } var divObj = document.getElementById("mydiv"); var cornersObj = new curvyCorners(settings, divObj); cornersObj.applyCornersToAll(); } </script>
3. 在 <body> 內加入 div 區塊
<div id="mydiv"></div>
該程式會自動套用 div 區塊的 CSS 屬性，並自動將它變成圓角
Leave a Reply