1、新建html文档。
2、书写hmtl代码。 ，
。3、初始化css代码。。
4、书写总体的css代码。
5、代码整体结构。
6、查看效果。
所有的img都设置float:left;然后指定包含img的父div的宽度w,再指定img的宽度为w/4
css代码：
ul,li{ padding:0; margin:0; overflow:hidden;}
li{ list-style:none;}
img{ border:0;}
.box{ width:440px;}
.box li{ float:left; width:100px; height:80px; margin-right:10px;}
html代码：
内容全部来源于网络收集，如有侵权，请联系网站删除：QQ：24596024