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

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

圖文排版

工具/原料

photoshop

dreamweaver

步驟/方法

編寫整個div

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

html已經定義好了，看效果

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

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

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

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

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