1、打开dw软件,新建一个文档
2、首先写入以下代码,在li {float:left;list-style:none;margin:3px;display:block;width:100px;height:100px;}div{width:318px;height:100px;margin:0 auto;}
3、写入图片的代码<div> <li><img src="xxxx" style="width:100px;height:100px;" /></li> <li><img src="xxxx" style="width:100px;height:100px;"/></li> <li><img src="xxxx" style="width:100px;height:100px;"/></li></div>我们这里设置图片的宽和高均为100px
4、此时我们看下实时视图。
5、我们也可以加个边框,但是我们要把像素在加6px;
6、我们看下实时视图。