網頁設計製作教程《例項》2

網頁設計製作教程《例項》2

圖文排版

photoshop

dreamweaver

1

編寫整個div

2

編寫圖片和列表，圖片用img 列表用ul li

3

html已經定義好了，看效果

4

下面定義css ， 給lixiaolin DIV 一個寬高 和背景 內左邊距 和 內上邊距

5

給img 一個左浮動 在給他一個內邊距，然後設定白色背景，離右邊列表 8

6

定義列表li 字型 顏色 列表樣式 行高

7

這樣CSS 就定義好了...看定義好css的'html

8

這樣就得到和我們效果圖一樣的效果了...