redux示例教程_HTML项目符号列表教程和示例

最新推荐文章于 2025-03-10 18:59:17 发布

cunjiu9486

最新推荐文章于 2025-03-10 18:59:17 发布

阅读量516

点赞数

文章标签：列表 css html js java ViewUI

原文链接：https://www.poftut.com/html-bullet-list-tutorial-with-examples/

版权

redux示例教程

The Bullet list is an old term used to express the HTML unordered list. Unordered list contains single or multiple items where these item lines start with a bullet. HTML bullet symbols can be changed into different symbols like Circle or Square easily by using styling.

项目符号列表是一个旧术语，用于表示HTML无序列表。无序列表包含单个或多个项目，这些项目行以项目符号开头。通过使用样式，可以将HTML项目符号轻松更改为不同的符号，例如圆形或正方形。

创建HTML项目符号列表 (Create HTML Bullet List)

The HTML unordered list can be used to create a bullet list. The default item style is the bullet.

HTML无序列表可用于创建项目符号列表。默认项目样式为项目符号。

<html>
<body>

<h2>Disc Bullets</h2>

<ul>
  <li>Turkey</li>
  <li>USA</li>
  <li>Germany</li>
  <li>England</li>
</ul>  

</body>
</html>

创建HTML光盘项目符号列表(Create HTML Disc Bullet List )

Disc style is another alternative for the HTML bullet list we will use the style property of list by setting the list-style-type attribute as disc.

盘风格是我们将使用HTML符号列表另一种选择style通过设置列表的属性list-style-type属性的disc 。

<html>
<body>

<h2>Disc Bullets</h2>

<ul style="list-style-type:disc;">
  <li>Turkey</li>
  <li>USA</li>
  <li>Germany</li>
  <li>England</li>
</ul>  

</body>
</html>

创建HTML Circle项目符号列表(Create HTML Circle Bullet List )

Alternatively, we can create bullet lists by using Circle style. We will set the style as the circle like below.

或者，我们可以使用Circle样式创建项目符号列表。我们将样式设置为如下所示的圆圈。

<html>
<body>

<h2>Disc Bullets</h2>

<ul style="list-style-type:circle;">
  <li>Turkey</li>
  <li>USA</li>
  <li>Germany</li>
  <li>England</li>
</ul>  

</body>
</html>

创建HTML Square项目符号列表(Create HTML Square Bullet List )

A square bullet list is another alternative. We will set the unordered list-style as the square in the following example.

方形项目符号列表是另一种选择。在下面的示例中，我们将无序列表样式设置为正方形。

<html>
<body>

<h2>Disc Bullets</h2>

<ul style="list-style-type:square;">
  <li>Turkey</li>
  <li>USA</li>
  <li>Germany</li>
  <li>England</li>
</ul>  

</body>
</html>