close
在設計網頁時,為了產生「圓角」的區塊(或表格),
通常都要另外製作圓角的圖片貼齊邊界。
curvyCorners倒是提供了另一種的作法。
套用它們製作好的Javascript程式,就能直接把網頁的DIV標籤邊界「變」成圓角 (Example 1),
還能指定圓角的大小,
並能自動修飾圓角內背景圖案(不是背景色喔!),(Example 2)
讓圓角外的區域為透明的。
curvyCorners官網:http://www.curvycorners.net/index.php
使用說明:http://www.curvycorners.net/usage.php
下載程式的位置:http://www.curvycorners.net/downloads.php
以下簡單翻譯它的使用方式,幫助懶得閱讀英文說明的朋友。
第一步,網頁載入js:
第二步,指定好要套用的 div 中的 id 名稱:
第三步,在網頁加入定義圓角弧度的設定script:
通常都要另外製作圓角的圖片貼齊邊界。
curvyCorners倒是提供了另一種的作法。
套用它們製作好的Javascript程式,就能直接把網頁的DIV標籤邊界「變」成圓角 (Example 1),
還能指定圓角的大小,
並能自動修飾圓角內背景圖案(不是背景色喔!),(Example 2)
讓圓角外的區域為透明的。
curvyCorners官網:http://www.curvycorners.net/index.php
使用說明:http://www.curvycorners.net/usage.php
下載程式的位置:http://www.curvycorners.net/downloads.php
以下簡單翻譯它的使用方式,幫助懶得閱讀英文說明的朋友。
第一步,網頁載入js:
第二步,指定好要套用的 div 中的 id 名稱:
<DIV id="myDiv">div中的內容</DIV>
第三步,在網頁加入定義圓角弧度的設定script:
全站熱搜
留言列表