「空白間隔」,一般只被用來做一個元素與元素之間的間隔,實際上它也可以多種延伸變化的。
一、用途1:做成點綴背景
如下圖,可以利用空白間隔做出一個小純素背景,然後點綴在區塊容器的四周,或微微去壓到文字,製造出立體感。
作法提示:
1、在要製作點綴背景的容器中,拉一空白間隔,並調整適當寬度。
2、替空白間隔設一純素背景。
3、把空白間隔設定「寬度為○○px」。(進階/寬度/自訂)
4、把空白間隔設定「絕對定位」。(進階/位置/絕對)。
二、用途2:做成幾何圖形
可製出大小不同的幾何圖形,例如圓形,製完後亦可與用途1一樣來當綴網頁。
作法提示:
1、在要製作點綴背景的容器中,拉一空白間隔,並調整適當寬度(控制圖形大小)。
2、替空白間隔設一純素背景。
3、替空白間院設定「Mask」,選擇圖形。(進階/Mask/形狀)
4、把空白間隔設定「絕對定位」。(進階/位置/絕對)。
5、或是把空白間隔設定「固定定位」,把圖形製小比例後固定在整個視窗的邊緣適當處。(進階/位置/固定)。