网页设计制作教程《实例》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

这样就得到和我们效果图一样的效果了...