html项目符号正方形,HTML无序列表| HTML项目符号列表

本文概述

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

碟片

广场

没有

为了表示不同的有序列表,

  • 标记中有4种类型的属性。

类型

描述

Type “disc”

这是默认样式。在这种样式中, 列表项用项目符号标记。

Type “circle”

在这种样式中, 列表项用圆圈标记。

Type “square”

在这种样式中, 列表项用正方形标记。

Type “none”

在这种样式中, 列表项未标记。

HTML无序列表示例

  • HTML
  • Java
  • JavaScript
  • SQL

立即测试

输出:

的HTML

爪哇

的JavaScript

的SQL

ul type =“ circle”

  • HTML
  • Java
  • JavaScript
  • SQL

立即测试

输出:

的HTML

爪哇

的JavaScript

的SQL

ul type =“ square”

  • HTML
  • Java
  • JavaScript
  • SQL

立即测试

输出:

的HTML

爪哇

的JavaScript

的SQL

ul type =“ none”

  • HTML
  • Java
  • JavaScript
  • SQL

立即测试

输出:

的HTML

爪哇

的JavaScript

的SQL

注意:HTML5不支持type属性, 可以使用list-style-type的CSS属性代替type。以下是显示ul标签的CSS属性的示例。

  • HTML
  • Java
  • JavaScript
  • SQL

码:

The type attribute with CSS property

  • HTML
  • Java
  • JavaScript
  • SQL

立即测试

输出:

html-unordered-list-bulleted-list.png

支持的浏览器

Element

Chrome

IE

Firefox

Opera

Safari

Yes

Yes

Yes

Yes

Yes

  • 1
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值