如何利用HTML5和CSS3实现方块无序列表

2025-04-20 05:50:12

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; }如下图所示：

声明：本网站引用、摘录或转载内容仅供网站访问者交流或参考，不代表本站立场，如存在版权或非法内容，请联系站长删除，联系邮箱：site.kefu@qq.com。