|
接下來是在這個(gè)框架上漸漸豐滿起來，用一個(gè)容器來搞定文章發(fā)布區(qū)，就像我們前面說的一樣，這個(gè)地方我們不用圖片只需要用代碼就能搞定。
文章發(fā)布區(qū)的邊線和顏色以及文章標(biāo)題和段落文字都繼續(xù)用CSS的樣式表寫好（實(shí)在不行就照抄吧，囧rz）。對于網(wǎng)站開發(fā)來講，大部分用 firefox的朋友有福了，這意味著我們可以用moz-border-radius這句話來讓我們的頁面有一個(gè)很漂亮的圓角就跟我們當(dāng)初的設(shè)計(jì)稿一樣。不過對于其他瀏覽器來講我們只能降級讓其實(shí)現(xiàn)為一個(gè)直角鳥。（不過貌似我記得IE下面也可以用css寫出來圓角的說，就是比較麻煩，這里給一個(gè)參考來）
然后在瀏覽器里面測試下啦～如果沒寫錯(cuò)的話那么就跟設(shè)計(jì)稿上的效果是一樣的～這說明CSS彪悍的將ps設(shè)計(jì)稿里面背景顏色和邊框的效果給實(shí)現(xiàn)了。
出處：譯言
責(zé)任編輯：bluehearts
上一頁 將PSD效果圖制作成XHTML+CSS文件 [5] 下一頁 將PSD效果圖制作成XHTML+CSS文件 [7]
◎進(jìn)入論壇網(wǎng)頁制作、WEB標(biāo)準(zhǔn)化版塊參加討論，我還想發(fā)表評論。
|
第 1 頁 
第 6 頁 將PSD效果圖制作成XHTML+CSS文件 [6]
