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

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

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

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