網頁設計製作教程《實例》2
- 設計
- 關注:1.45W次
網頁設計製作教程《實例》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
這樣就得到和我們效果圖一樣的效果了...
- 文章版權屬於文章作者所有,轉載請註明 https://xuewengu.com/flhy/sheji/owvggj.html