如何使用CSS3属性将div标签转换成一个无序列表

 时间:2024-10-25 03:06:57

1、第一步,在已打开的HBuilder工具,创建web项目,然后新建页面文件

如何使用CSS3属性将div标签转换成一个无序列表

2、第二步,在<body>标签中,插入七个div标签,分别绑定为星期内容

如何使用CSS3属性将div标签转换成一个无序列表

3、第三步,保存代码并运行页面文件,打开浏览器,并查看界面显示效果

如何使用CSS3属性将div标签转换成一个无序列表

4、第四步,在div标签选择器中,添加一个display: list-item

如何使用CSS3属性将div标签转换成一个无序列表

5、第五步,再次保存代码并刷新浏览器,可以查看到出现一个无序列表

如何使用CSS3属性将div标签转换成一个无序列表

6、第六步,如果想要将无序列表前面的圆点改为方块,可以使用list-style-type: square

如何使用CSS3属性将div标签转换成一个无序列表
  • HTML如何对代码进行注释
  • html中div布局及其图片插入链接
  • 在html里,用css怎么在字的中间加一条横线
  • java在eclipse编程建立一个窗口的多选框
  • html怎么让一行文字一部分靠左显示,另外一部分靠右显示~~
  • 热门搜索
    抗美援朝手抄报内容 光盘行动手抄报内容 网络安全手抄报的句子 病毒手抄报图片 交通安全手抄报资料 爱国卫生月手抄报 传统文化手抄报图片 儿童心理健康手抄报 一二年级防溺水手抄报 预防新型冠状病毒手抄报内容