如何使用CSS3中的样式控制无序列表显示圆形
1、第一步,双击打开HBuilderX工具,新建一个Web项目并创建一个HTML5模板,如下图所示:

3、第三步,在<title></title>下方添加一个<style></style>,使用通配选择器控制外边距和内边距,如下图所示:

5、第五步,然后使用元素选择器li,设置无序列表子项宽度、高度、行高、字体居中等,如下图所示:

6、第六步,保存代码预览页面展示效果,可以发现圆形重叠在一起;修改li的内外边距,然后再次预览页面效果,如下图所示:

1、第一步,双击打开HBuilderX工具,新建一个Web项目并创建一个HTML5模板,如下图所示:
3、第三步,在<title></title>下方添加一个<style></style>,使用通配选择器控制外边距和内边距,如下图所示:
5、第五步,然后使用元素选择器li,设置无序列表子项宽度、高度、行高、字体居中等,如下图所示:
6、第六步,保存代码预览页面展示效果,可以发现圆形重叠在一起;修改li的内外边距,然后再次预览页面效果,如下图所示: