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

到目前來(lái)講就可以在瀏覽器里面看看啦～基本上的大型已經(jīng)出來(lái)啦～logo啊導(dǎo)航啊內(nèi)容區(qū)啊基本上已經(jīng)頗具雛形鳥(niǎo)。

接下來(lái)是在這個(gè)框架上漸漸豐滿起來(lái)，用一個(gè)容器來(lái)搞定文章發(fā)布區(qū)，就像我們前面說(shuō)的一樣，這個(gè)地方我們不用圖片只需要用代碼就能搞定。

文章發(fā)布區(qū)的邊線和顏色以及文章標(biāo)題和段落文字都繼續(xù)用CSS的樣式表寫(xiě)好（實(shí)在不行就照抄吧，囧rz）。對(duì)于網(wǎng)站開(kāi)發(fā)來(lái)講，大部分用 firefox的朋友有福了，這意味著我們可以用moz-border-radius這句話來(lái)讓我們的頁(yè)面有一個(gè)很漂亮的圓角就跟我們當(dāng)初的設(shè)計(jì)稿一樣。不過(guò)對(duì)于其他瀏覽器來(lái)講我們只能降級(jí)讓其實(shí)現(xiàn)為一個(gè)直角鳥(niǎo)。（不過(guò)貌似我記得IE下面也可以用css寫(xiě)出來(lái)圓角的說(shuō)，就是比較麻煩，這里給一個(gè)參考來(lái)）