CSS の順序付きリストまたは順序なしリストの前に list-style-type 属性を実装する

CSS の順序付きリストまたは順序なしリストの前に list-style-type 属性を実装する

例:

<html>
<ヘッド>
<スタイル タイプ="text/css">
ul.none{リストスタイルタイプ:none}
ul.circle {リストスタイルタイプ:circle}
ul.square {リストスタイルタイプ:square}
ol.upper-roman {リストスタイルタイプ:upper-roman}
ol.lower-alpha {リストスタイルタイプ:lower-alpha}
</スタイル>
</head>

<本文>
<p>リストスタイルタイプなし:</p>
<ul class="none">
<li>コーヒー</li>
<li>お茶</li>
<li>コカコーラ</li>
</ul>

<p>リスト スタイル タイプ 円:</p>
<ul class="circle">
<li>コーヒー</li>
<li>お茶</li>
<li>コカコーラ</li>
</ul>

<p>リスト スタイル タイプ 四角:</p>
<ul class="square">
<li>コーヒー</li>
<li>お茶</li>
<li>コカコーラ</li>
</ul>

<p>大文字のローマ字を入力してください:</p>
<ol class="upper-roman">
<li>コーヒー</li>
<li>お茶</li>
<li>コカコーラ</li>
</ol>

<p>リスト スタイル タイプ 下付き文字:</p>
<ol class="lower-alpha">
<li>コーヒー</li>
<li>お茶</li>
<li>コカコーラ</li>
</ol>
</本文>
</html> 


CSS の順序付きリストまたは順序なしリストの前にある list-style-type 属性の実装に関するこの記事はこれで終わりです。CSS の順序付きリストまたは順序なしリスト マーカー list-style-type に関するより関連性の高いコンテンツについては、123WORDPRESS.COM の以前の記事を検索するか、以下の関連記事を引き続き参照してください。今後とも 123WORDPRESS.COM をよろしくお願いいたします。

<<:  HTML シンプルな Web フォーム作成例の紹介

>>:  MySQLとNavicatプレミアムのインストールと設定の詳細な手順

推薦する

MySQL Community Server 8.0.11 のインストールと設定方法のグラフィックチュートリアル

最近、MySQL を始めとしてデータベースの知識を勉強し始めました。以下では、皆さんの参考になるよう...

HTML 選択タグにリンクを追加する 3 つの方法

最初のもの:コードをコピーコードは次のとおりです。 <html> <ヘッド>...

MySQLのデッドロックとログに関する詳細な説明

最近、MySQL オンラインでいくつかのデータ異常が発生しましたが、すべて早朝に発生しました。ビジネ...

Vueのデータ応答性原則の詳細な説明

この記事は主に、Vue のレスポンシブ ソース コードを理解していない、または触れたことがない人向け...

Xshellの一般的な問題と関連する設定の詳細な説明

この記事では、Xshell と関連する構成の一般的な問題について説明します。この記事の構成は、主に ...

MySQL メタデータで Hive テーブル作成ステートメントのコメント スクリプトを生成する方法

序文この記事は主にMySQLメタデータ生成Hiveテーブル作成ステートメントコメントスクリプトに関す...

JavaScript でオブジェクトをトラバースする 5 つの方法 サンプルコード

目次準備する5つの武器…のためにオブジェクト.キーオブジェクト.getOwnPropertyName...

JavaScript でプライベート メンバーを作成する

目次1. クロージャを使用する2. ES6クラスを使用する3. ES2020提案を使用する4. We...

Ubuntu 18.04 に Nvidia グラフィック カード ドライバーをインストールするチュートリアル (画像とテキスト付き)

0. 事前準備BIOS でセキュア ブートを無効にします。無効にしないと、サードパーティ ソースを...

Linux で文字化けしたファイルや特殊文字のファイルを削除する方法

エンコーディングの理由により、Linux サーバーに中国語のファイルやディレクトリをアップロードまた...

ROS2のインストールとdocker環境の使い方について

目次Docker を使用する理由は何ですか? DockerのインストールROSイメージを取得するRO...

ナビゲーションデザインと情報アーキテクチャ

<br />ナビゲーションについて話すときは、ほとんどの場合、ナビゲーションがコンテンツ...

IE8 開発者ツール メニューの説明

<br />この記事では、開発者ツールのさまざまなメニューについて簡単に説明しました。こ...

SNMP4J サーバー接続タイムアウト問題の解決策

弊社のネットワーク管理センターは管理センター兼サーバーとして機能します!各管理対象デバイスは、TCP...

MySQLでユーザーを作成し、ユーザーに権限を付与する方法の詳細なチュートリアル

目次ユーザー管理新しいユーザーを作成するユーザー名の変更ユーザーのパスワードを設定するルートパスワー...