无序列表是网页中常见的一种元素之一，利用ulli/li/ul构成。无序列表前面默认会有一个小圆点，但是这个小圆点也可以设置为空心圆、实心方块。下面利用一个实例说明利用HTML5和CSS3实现实心方块，操作如下：工具/原料moreHBuilder截图工具浏览器方法/步骤1/6分步阅读

第一步，双击打开HBuilder开发工具，创建静态页面lis.html，如下图所示：

2/6

第二步，在body/body元素内插入一个无序列表，默认选择字母，如下图所示：

3/6

第三步，预览该静态页面，发现无序列表前面显示的是实心圆圈，如下图所示：

4/6

第四步，为ul元素添加样式

ul{

list-style-type: square;

list-style-type: -moz-square;

}

如下图所示：

5/6

第五步，再次预览该静态页面，发现无序列表前的小圆点改为实心方块，如下图所示：

6/6

第六步，再次给ul li添加样式

ul li{

margin: 10px 10px 10px 10px;

color: #FF00FF;

text-decoration: underline;

}

如下图所示：

注意事项

注意无序列表属性list-style-type的用法

注意无序列表子项样式设置方法

软件CSS子项无序列表