html有语义标签-4.有序列表【<ol><li>有序1</li></ol>】与无序列表【<ul><li>无序</li&g
时间：2023年10月20日
/来源：网络
/编辑：佚名
有序列表【<ol><li>有序1</li></ol>】与无序列表【<ul><li>无序</li></ul>】
直接上示例代码：
css初始化及html语义标签
直接运行的效果是无序列表（实心圆默认）：
css初始化及html语义标签
查看css手册可以看到由以下这几种风格：
css初始化及html语义标签
我们通过css控制列表风格：
代码如下：
css初始化及html语义标签
效果如下：
css初始化及html语义标签
有序列表代码：
css初始化及html语义标签
有序列表效果图：
css初始化及html语义标签
注意：这里值得提的是，我们一般在开发时不管有序还是无序列表我们都会把他设置为nil，改有图片代替，这样做的原因是为了避免用不同浏览器打开程序时导致的差异。
直接上示例代码：
css初始化及html语义标签
直接运行的效果是无序列表（实心圆默认）：
css初始化及html语义标签
查看css手册可以看到由以下这几种风格：
css初始化及html语义标签
我们通过css控制列表风格：
代码如下：
css初始化及html语义标签
效果如下：
css初始化及html语义标签
有序列表代码：
css初始化及html语义标签
有序列表效果图：
css初始化及html语义标签
注意：这里值得提的是，我们一般在开发时不管有序还是无序列表我们都会把他设置为nil，改有图片代替，这样做的原因是为了避免用不同浏览器打开程序时导致的差异。
新闻资讯 更多
- 【建站知识】查询nginx日志状态码大于400的请求并打印整行04-03
- 【建站知识】Python中的logger和handler到底是个什么？04-03
- 【建站知识】python3拉勾网爬虫之（您操作太频繁，请稍后访问）04-03
- 【建站知识】xpath 获取meta里的keywords及description的方法04-03
- 【建站知识】python向上取整以50为界04-03
- 【建站知识】scrapy xpath遇见乱码解决04-03
- 【建站知识】scrapy爬取后中文乱码,解决word转为html 时cp1252编码问题04-03
- 【建站知识】scrapy采集—爬取中文乱码，gb2312转为utf-804-03
猜你需要
豫ICP备2021026617号-1
豫公网安备：41172602000185