網(wǎng)站PSD模板切圖為XHTML+CSS的網(wǎng)頁實例(8)
來源:譯言
作者:不詳
學習:6179人次
然后在瀏覽器里面測試下啦~如果沒寫錯的話那么就跟設(shè)計稿上的效果是一樣的~這說明CSS彪悍的將ps設(shè)計稿里面背景顏色和邊框的效果給實現(xiàn)了。
然后繼續(xù)完善html的結(jié)構(gòu),現(xiàn)在輪到側(cè)邊欄了。我們來看看如何在一個容器里面用兩個背景圖片實現(xiàn)滑動門效果來讓側(cè)邊欄的大小隨內(nèi)容來控制。
繼續(xù)添加更多的CSS樣式來控制html里面的元素(可憐的html淪落為css的傀儡…………我翻譯累了純屬發(fā)泄這個……)比如字體的大小,顏色,種類等等(其實CSS也就這么些個本事了……)
學習 · 提示
推薦教程
- PhotoShop設(shè)計制作懷舊風格網(wǎng)頁的詳細教程
- Photoshop制作禮品店網(wǎng)站模板
- Photoshop繪制木質(zhì)紋理的網(wǎng)站首頁模板
- Photoshop網(wǎng)頁設(shè)計:雜志風格網(wǎng)站界面
- PS教程:制作非常不錯的wordpress博客網(wǎng)站模板
- Photoshop繪制好看的老式wordpress主題
- Photoshop CS5制作放射狀光線網(wǎng)頁廣告板
- ps設(shè)計制作居家風格美食Blog網(wǎng)頁特效
- photoshop網(wǎng)頁應(yīng)用實例:制作蘋果導航欄
- PS教程:繪制清新的色彩生動的網(wǎng)頁布局
關(guān)注大神微博加入>>
網(wǎng)友求助,請回答!