HTMLでulとliを使用する方法

HTML の

Ul (順序なしリスト) は項目のリストを作成するために使用され、li (リスト項目) はリスト内の個々の項目を表します。使用方法は次のとおりです: 順序なしリストを作成します:

• Item

リストのスタイルを設定します: マークアップ タイプ、パディング、スペースの変更など、CSS スタイルを使用してネストされたリストを使用します。 ：

• プロジェクト
  • サブプロジェクト

##HTML での ul と li の使用方法

ul と li とは何ですか?

• ul (順序なしリスト): は、項目間に特定の順序を持​​たない項目のリストを作成するために使用されます。
• li (リスト項目): は、順序なしリストの各項目を表します。

ul と li の使い方

順序なしリストの作成:

<code class="html"><ul>
  <!-- 无序列表中的项目 -->
</ul></code>

リスト項目の追加:

<code class="html"><ul>
  <li>项目 1</li>
  <li>项目 2</li>
  <li>项目 3</li>
</ul></code>

リスト スタイルの設定

次のことができます。 CSS スタイルを渡して、順序なしリストの外観を設定します。例:

<code class="css">ul {
  list-style-type: none;  /* 去除默认的圆点标记 */
  padding: 0;             /* 设置内边距为 0 */
}

li {
  display: inline-block;    /* 设置列表项为内联元素 */
  margin-right: 10px;     /* 设置列表项之间的间距 */
}</code>

ネストされたリストの使用

ネストされたリストを使用して、複数レベルのリストを作成できます:

rreee

以上がHTMLでulとliを使用する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。