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 名稱:
 <DIV id="myDiv">div中的內容</DIV> 

第三步,在網頁加入定義圓角弧度的設定script:



arrow
arrow
    全站熱搜
    創作者介紹
    創作者 diedy 的頭像
    diedy

    diedy is speaking

    diedy 發表在 痞客邦 留言(2) 人氣()