網(wǎng)站PSD模板切圖為XHTML+CSS的網(wǎng)頁實(shí)例(8)

然后在瀏覽器里面測(cè)試下啦～如果沒寫錯(cuò)的話那么就跟設(shè)計(jì)稿上的效果是一樣的～這說明CSS彪悍的將ps設(shè)計(jì)稿里面背景顏色和邊框的效果給實(shí)現(xiàn)了。

然后繼續(xù)完善html的結(jié)構(gòu)，現(xiàn)在輪到側(cè)邊欄了。我們來看看如何在一個(gè)容器里面用兩個(gè)背景圖片實(shí)現(xiàn)滑動(dòng)門效果來讓側(cè)邊欄的大小隨內(nèi)容來控制。

繼續(xù)添加更多的CSS樣式來控制html里面的元素（可憐的html淪落為css的傀儡…………我翻譯累了純屬發(fā)泄這個(gè)……）比如字體的大小，顏色，種類等等（其實(shí)CSS也就這么些個(gè)本事了……）