如何利用HTML5和CSS3设置间隔缩进图片列表

1、第一步，双击打开HBuilder开发工具，创建Web项目，在指定的目录新建静态页面，并修改title显示的内容，如下图所示：

3、第三步，预览该静态页面，在浏览器中查看页面效果，发现无序列表显示效果，如下图所示：

5、第五步，再次设计ul li奇偶项样式属性ul li:nth-child(even){ list-style-type: none; list-style-image: url(../img/five.png); font-size: 18px; } ul li:nth-child(odd){ list-style-type: none; list-style-image: url(../img/up.png); font-size: 18px; }如下图所示：