CSS でリスト スタイルの箇条書きを削除する方法

デフォルトでは、

HTML の

順不同リスト タグは、前に丸い黒丸が付いた要素のリストを作成します。特定の状況では、箇条書きを完全に削除したい場合があります。たとえば、箇条書きの邪魔にならないようにリストのレイアウトをきれいに保ちたい場合や、
を使用してドロップダウン メニューを生成している場合です。 .これを実現するには、最初のバージョン以降の CSS 仕様の一部である「list-style-type」CSS スタイル属性を使用します。

ステップ 1

箇条書きを削除する順序付けられていないリストを含む .html または .htm ファイルを開きます。 HTML コードにエラーが入り込まないように、メモ帳などのプレーン テキスト エディタを使用してください。

ステップ 2

"

" タグ。

「ul」の後、「">」の前に次のコードを追加します。

style="list-style-type:none;".

コードは次のようになります:

"

".

ステップ 3

HTML ファイルを保存し、テキスト エディターを閉じます。ウェブブラウザで HTML ファイルを開き、ウェブページから箇条書きが削除されていることを確認してください。

ヒント

ページ上のすべての順序付けられていないリストから黒丸を削除する場合は、"

の間に次のコード行を追加できます。 " および " " HTML ソース コードのタグ:"".