互聯網

正成為未來環球化村落的中心。

- 比爾蓋茲



聯絡我們

地址

香港 九龍 旺角
廣東道1123號
福安工業大廈
7樓3A室

電話

(852) 3590-9591

電郵

info@aveego.com

CSS圓角弧形區塊製作工具 (2009-01-21)

在網頁設計中經常要把不同的內容放在同一頁裡,而放置這些內容的方形空間一般稱為區塊(BOX)。我們作為網頁設計師,必須要為這些大大小小的方塊為出粉飾,而除了冷冷的方形外,圓角弧形的設計亦經常用到。

若方塊的大小是固定的話,我們當然可以簡單的用一幅圓角弧形圖作背景。但是很多時候區塊大小是由內容決定的,這些時候我們便要把圓角抽出分開處理了。這個技巧今天暫時不談,因為網絡上已經有一個很好用的工具。今天介紹的是由Neurotic開發的CSS圓角弧形區塊製作工具,只要簡單的輸入背景顏色和方塊顏色,就可以得到有關的圓角圖和CSS碼。可惜的是工具並不能設定弧度大小,若果要大一點的弧度,就要自行製作了。

有關網址︰http://www.neuroticweb.com/recursos/css-rounded-box/index.php

回到目錄


文章