HTML 无序列表

您所在的位置:网站首页 html无序列表对齐 HTML 无序列表

HTML 无序列表

2023-06-27 04:04| 来源: 网络整理| 查看: 265

HTML 无序列表 ❮ 上一节 下一节 ❯

HTML 标签定义无序(项目符号)列表。

无序列表

无序列表以 标签开始。每个列表项都以 标签开始。

无序列表是一个项目的列表,默认情况下,此列项目使用粗体圆点(典型的小黑圆圈)进行标记:

实例   Coffee  Tea   Milk

亲自试一试 »

无序列表 - 选择列表项标记

CSS list-style-type 属性用于定义列表项标记的样式。它可以具有以下值之一:

值 描述 disc 将列表项标记设置为项目符号(默认) circle 将列表项标记设置为圆形 square 将列表项标记设置为正方形 none 列表项将不被标记 实例 - 项目符号   Coffee   Tea  Milk 亲自试一试 » 实例 - 圆形   Coffee   Tea  Milk 亲自试一试 » 实例 - 正方形   Coffee   Tea  Milk 亲自试一试 » 实例 - None   Coffee   Tea  Milk 亲自试一试 » 列表嵌套

列表可以嵌套(列表中的列表):

实例   Coffee  Tea           Black tea      Green tea         Milk 亲自试一试 »

注释: 一个列表项 () 可以包含一个新的列表和其他 HTML 元素,比如图像和链接等。

CSS 水平列表

HTML 列表可以用多种不同的 CSS 方式设置样式。

一种流行的方法是水平设置列表样式,以创建导航菜单:

实例 ul {  list-style-type: none;   margin: 0;  padding: 0;  overflow: hidden;  background-color: #333333;}

li {  float: left;}

li a {  display: block;  color: white;  text-align: center;  padding: 16px;  text-decoration: none;}

li a:hover {  background-color: #111111;}

  Home  News  Contact  About

亲自试一试 »

提示: 了解更多有关CSS的信息: CSS 教程。

本章小结 使用 HTML 元素定义无序列表 使用 CSS list-style-type 属性定义列表项标记 使用 HTML 元素定义列表项 列表可以嵌套 列表项可以包含其他 HTML 元素 使用 CSS 属性 float:left 从左到右水平显示列表 HTML List 标签 标签 描述 定义无序列表。 定义有序列表。 定义列表项。 定义定义列表。 定义定义项目。 定义定义的描述。

如需所有可用的 HTML 标签的完整列表,请访问 HTML 标签参考手册。

❮ 上一节 下一节 ❯


【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3