8. 用CSS設計版面布局

一、先規劃好版面配置區塊（要切分成幾個顯示區域？）

1.我們可用<div>，配合 id 屬性來把畫面分為幾個部份。

二、設定各區的CSS（若想看見框線，請自行加上 border:1px設定）

三、製作標題底圖（讓圖片上也可以隨意放置文字及圖片）

四、在標題中放置圖形連結（讓DIV的圖片往下對齊，圖下還要有文字）

1.先把圖片往<div>裡面塞，然後將圖片加上連結，接著，再去設定樣式即可。

五、頁尾CSS設定（外加上去）