1、第一步,双击打开HBuilder开发工具,创建静态页面lis.html,如下图所示:
2、第二步,在<body></body>元素内插入一个无序列表,默认选择字母,如下图所示:
3、第三步,预览该静态页面,发现无序列表前面显示的是实心圆圈,如下图所示:
4、第四步,为ul元素添加样式ul{ list-style-type: square; 罕铞泱殳 list-style-type: -moz-square; }如下图所示:
5、第五步,再次预览该静态页面,发现无序列表前的小圆点改为实心方块,如下图所示:
6、第六步,再次给ul li添加样式ul li{ margin: 10px 10px 10px 10px; color: #FF00FF; text-decoration: underline; }如下图所示: