本單元要學習的重點是另一種簡單的版型

功能列>修改>頁面屬性>外觀中,置入背景圖片,重複選擇no-repeat

到CSS樣式面板開啟body的CSS,在背景裡做設定(2)

插入2列1欄的表格(表A)

在表A上層的格子內插入1列1欄的表格(表B),再在下層格子插入3列2欄的表格(表C);注意寬度單位。

由CSS樣式面板>新增CSS規則,新增類別並定義名稱。此步驟需重複三次,分別為表ABC定義不同的CSS規則名稱。

將剛新增的三個CSS規則打開,設定不同的背景顏色

由(1)可以見到先前所定義的新CSS規則,此時選擇表格A,至屬性面板選擇類別,套用對應的CSS規則名稱。
同一動作再針對表B及表C做設定。

選擇表B的CSS規則加以設定,可以更改標題的外觀樣式

完成圖

若是覺得全部的內容似乎都混在一起,可以針對表C的其中幾列,圈選起來後到屬性列修改其樣式。

這樣就完成了簡單的版型
回目錄│
上一篇│
下一篇│
TOP