HTML でリスト項目のシンボルを削除する方法

HTML では、style 属性を使用してリスト タグ (ul、ol) に「list-style-type:none;」スタイルを追加することで、リスト項目のシンボルを削除できます。 list-style-type 属性は、リスト項目のマークアップのタイプを設定できます。値を "none" に設定すると、リスト項目のマークアップを削除できます。

このチュートリアルの動作環境: Windows 7 システム、CSS3&&HTML5 バージョン、Dell G3 コンピューター。

HTML には、次の 2 種類のリストがあります。

• 番号なしリスト ul - リスト項目は特別なグラフィック (小さな黒い文字など) でマークされます。ドット、小さなボックスなど)

• 順序付きリストol - リスト項目は数字または文字でマークされます

<p>无序列表实例:</p>
<ul>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Coca Cola</li>
</ul>

<p>有序列表实例:</p>
<ol>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Coca Cola</li>
</ol>

レンダリング:

リスト項目のシンボルを削除したい場合はどうすればよいですか?

実はとても簡単で、リストタグ(ul, ol)にstyle属性を使って「list-style-type:none;」スタイルを追加します。

<p>无序列表实例:</p>
<ul style="list-style-type:none;">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Coca Cola</li>
</ul>

<p>有序列表实例:</p>
<ol style="list-style-type:none;">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Coca Cola</li>
</ol>

レンダリング:

(学習ビデオ共有: css ビデオ チュートリアル)

以上がHTML でリスト項目のシンボルを削除する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。