软件教程 2025年08月6日
0 收藏 0 点赞 827 浏览 934 个字
摘要 :

文章目录 HTML无序列表示例: ul type=”circle” ul type=”square” ul type=”none”  支持的浏览器 HTML无序列表或带项目符号的列……




  • HTML无序列表示例:
  • ul type=”circle”
  • ul type=”square”
  • ul type=”none”
  •  支持的浏览器

HTML无序列表或带项目符号的列表以项目符号的格式显示元素。我们可以在不需要按任何特定顺序显示项目的地方使用无序列表。HTML ul标签用于无序列表。可以有4种类型的带项目符号的列表:

  1. disc(圆点)
  2. circle(圆圈)
  3. square(方块)
  4. none(无项目符号)

为了表示不同的有序列表,<ul>标签中有4种类型的属性。

类型 描述
类型 “disc” 这是默认样式。在此样式中,列表项使用圆点标记。
类型 “circle” 在此样式中,列表项使用圆圈标记。
类型 “square” 在此样式中,列表项使用方块标记。
类型 “none” 在此样式中,列表项不被标记。

HTML无序列表示例:

<ul>  
 <li>HTML</li>  
 <li>Java</li>  
 <li>JavaScript</li>  
 <li>SQL</li>  
</ul>  

HTML无序列表 | HTML带项目符号的列表

 

ul type=”circle”

<ul type=\"circle\">  
 <li>HTML</li>  
 <li>Java</li>  
 <li>JavaScript</li>  
 <li>SQL</li>  
</ul>  

 

HTML无序列表 | HTML带项目符号的列表

ul type=”square”

<ul type=\"square\">  
 <li>HTML</li>  
 <li>Java</li>  
 <li>JavaScript</li>  
 <li>SQL</li>  
</ul>  

HTML无序列表 | HTML带项目符号的列表

ul type=”none”

<ul type=\"none\">  
 <li>HTML</li>  
 <li>Java</li>  
 <li>JavaScript</li>  
 <li>SQL</li>  
</ul>  

HTML无序列表 | HTML带项目符号的列表

注意:type属性在HTML5中不受支持,而您可以使用list-style-type的CSS属性代替type。以下是用于ul标签的CSS属性的示例代码:

<ul style=\"list-style-type: square;\">  
    <li>HTML</li>  
    <li>Java</li>  
    <li>JavaScript</li>  
    <li>SQL</li>  
</ul>  

 支持的浏览器

Element  Chrome  IE  Firefox  Opera  Safari
<ul> Yes Yes Yes Yes Yes

微信扫一扫

支付宝扫一扫

版权: 转载请注明出处:https://www.zuozi.net/6261.html

管理员

相关推荐
2025-08-06

文章目录 一、Promise基础回顾 二、Promise 与 axios 结合使用场景及方法 (一)直接返回 axios …

269
2025-08-06

文章目录 一、模块初始化时的内部机制 二、常见导出写法的差异分析 (一)写法一:module.exports…

107
2025-08-06

文章目录 一、ResizeObserver详解 (一)ResizeObserver是什么 (二)ResizeObserver的基本用法 …

683
2025-08-06

文章目录 一、前期准备工作 (一)下载相关文件 (二)安装必要工具 二、处理扣子空间生成的文件…

338
2025-08-06

文章目录 一、官方文档 二、自动解包的数据类型 ref对象:无需.value即可访问 reactive对象:保持…

371
2025-08-06

文章目录 一、Hooks的工作原理 二、在if语句中使用Hook会出什么岔子? 三、React官方的Hook使用规…

843
发表评论
暂无评论

还没有评论呢,快来抢沙发~

助力内容变现

将您的收入提升到一个新的水平

点击联系客服

在线时间:08:00-23:00

客服QQ

122325244

客服电话

400-888-8888

客服邮箱

122325244@qq.com

扫描二维码

关注微信客服号