- 相關(guān)推薦
網(wǎng)頁(yè)設(shè)計(jì)制作教程《實(shí)例》2
網(wǎng)頁(yè)設(shè)計(jì)制作教程《實(shí)例》2
圖文排版
工具/原料
photoshop
dreamweaver
步驟/方法
1
編寫(xiě)整個(gè)div
2
編寫(xiě)圖片和列表，圖片用img 列表用ul li
3
html已經(jīng)定義好了，看效果
4
下面定義css ， 給lixiaolin DIV 一個(gè)寬高 和背景 內(nèi)左邊距 和 內(nèi)上邊距
5
給img 一個(gè)左浮動(dòng) 在給他一個(gè)內(nèi)邊距，然后設(shè)置白色背景，離右邊列表 8
6
定義列表li 字體 顏色 列表樣式 行高
7
這樣CSS 就定義好了...看定義好css的html
8
這樣就得到和我們效果圖一樣的效果了...
【網(wǎng)頁(yè)設(shè)計(jì)制作教程《實(shí)例》2】相關(guān)文章：
網(wǎng)頁(yè)制作教學(xué)設(shè)計(jì)02-25
網(wǎng)頁(yè)制作教學(xué)設(shè)計(jì)07-28
制作網(wǎng)頁(yè)教學(xué)設(shè)計(jì)04-20
網(wǎng)頁(yè)設(shè)計(jì)與制作心得12-12
網(wǎng)頁(yè)設(shè)計(jì)與制作報(bào)告01-04
網(wǎng)頁(yè)設(shè)計(jì)制作實(shí)習(xí)報(bào)告04-05
【推薦】網(wǎng)頁(yè)設(shè)計(jì)與制作心得12-31
網(wǎng)頁(yè)設(shè)計(jì)與制作心得范文12-02