html中ul和li的使用_ul列表的html结构
2023-06-13 09:12:48 时间
大家好，又见面了，我是你们的朋友全栈君。
html中偶尔会使用到列表，记录一下。
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8" /> 5 <style type="text/css"> 6 .level_1{list-style-type:decimal;} 7 .level_2{list-style-type:upper-alpha;} 8 </style> 9 </head> 10 11 <body> 12 <span>列表使用test:</span> 13 <ul class = "level_1"> 14 <li> 15 亚洲 16 <ul class = "level_2"> 17 <li>中国</li> 18 <li>日本</li> 19 </ul> 20 </li> 21 <li> 22 欧洲 23 <ul class = "level_2"> 24 <li>德国</li> 25 <li>意大利</li> 26 </ul> 27 </li> 28 </ul> 29 </body> 30 </html>1. 序号可以是数字、字母、罗马数字等，可以通过list-style-type 属性设置。
默认值: disc 点| circle圆圈 | square正方形 | decimal数字 | decimal-leading-zero 十进制数 | lower-roman 小写罗马文字| upper-roman 大写罗马文字| armenian亚美尼亚数字 | georgian乔治亚数字 | lower-alpha小写拉丁文 | upper-alpha大写拉丁文 | none无 | inherit继承 初始值: disc2. 序号也可以显示图片，可以通过list-style-image 属性设置
list-style-image:none/url("1.png")发布者：全栈程序员栈长，转载请注明出处：https://javaforall.cn/166671.html原文链接：https://javaforall.cn
相关文章
- html导航栏自动调间距,HTML CSS导航栏间距[通俗易懂]
- html语言添加下划线,HTML页面中怎么文本添加下划线？[通俗易懂]
- js把HTML转成对象,将js对象转换为html「建议收藏」
- html中超链接使用_HTML超链接代码
- Thinkphp5学习009-项目案例-学生列表-控制器中的代码
- 给一非空的单词列表，返回前 k 个出现次数最多的单词。 返回的答案应该按单词出现频率由高到低排序，如果不同的单词有相同出现频率，按字母顺序排序。
- html中如何写系统时间,在HTML页面获取当前系统时间
- html怎么将表格居中_HTML居中代码
- Sprint产品待办列表的优先级要怎么排？
- Effective Python 优化Python的90条建议 第2章 列表和字典 思维导图
- Html 列表、表格、媒体元素
- 简单构建HTML页面，连接MySQL数据库（html连接mysql）
- 如何在选择画面中创建下拉列表(drop down list)-as list box详解编程语言
- Redis版本发展历史及全部版本清单（redis版本列表）
- 文件Linux查看HTML文件的简单方法（linux查看html）
- 标签使用MySQL过滤HTML标签（mysql过滤html）
- Linux解析HTML：一种快捷的方式（linux解析html）
- HTML 标签列表(字母排序)
- 使用HTML实现MySQL资料读取（html读取mysql）
- C# 实现QQ群成员列表导出及邮件群发之模拟QQ登陆
- HTML 标签列表(字母排序)
- Redis与HTML的不同之处（redis跟html区别）
- js获取下拉列表的值和元素个数示例