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プレミアムのインストールと設定の詳細な手順

推薦する

win10 64 ビット システムに複数の JDK バージョンをインストールする際の切り替え問題と解決策の概要

コンピューターにmyeclipse2017とidea2017がインストールされているため、ideaが...

MySQLクエリ条件の一般的な使用法の詳細な説明

この記事では、例を使用して、MySQL クエリ条件の一般的な使用方法を説明します。ご参考までに、詳細...

docker-maven-pluginはイメージをパッケージ化し、プライベートウェアハウスにアップロードします。

目次1. docker-maven-pluginの紹介2. 環境とソフトウェアの準備3. デモ例3....

Vue3 ミックスインの使い方

目次1. mixin の使い方は? 2. ミックスイン使用時の注意2.1. ミックスイン オブジェク...

mysql8でルートユーザーのパスワードをリセットする手順を完了します

序文最近、多くの新しい同僚がこの質問をしてきました。特に、homebrew を通じて自動的にインスト...

MySQL Undo ログと Redo ログの概要

目次元に戻すログUNDOログの生成と破棄UNDOログの保存元に戻すログ機能トランザクションの原子性の...

Mysql ファジークエリが大文字と小文字を区別するかどうかの詳細な調査

序文最近、私は小さな個人ブログ プロジェクトを書くのに忙しくしています。 「グローバル検索」機能を実...

シンプルなタブバー切り替えコンテンツバーを実装するJavaScript

この記事では、タブバーの切り替えコンテンツバーを簡単に実現するためのJavaScriptの具体的なコ...

ネイティブ js で呼び出し、適用、バインドを実装する方法

1. 呼び出しを実装するステップ:関数をオブジェクトのプロパティとして設定します。これを関数に割り当...

Javascriptの基本ループの詳しい説明

目次サイクルのために入室のためのその間しながら行うループから抜け出す要約するサイクルのためにループは...

要素シャトルフレームのパフォーマンス最適化の実装

目次背景解決新しい質問高度な背景シャトル ボックスが大量のデータを処理すると、レンダリングされる D...

XHTMLタグには終了タグがある

<br />オリジナルリンク: http://www.dudo.org/article....

Nginx のタイムドログカットの詳細な説明

序文デフォルトでは、Nginx ログはファイルに書き込まれます。各ドメインのログを区別するために、通...

MySQL データベースの集計クエリと結合クエリ操作

目次1. クエリ結果を挿入する2. 集計クエリ2.1 はじめに2.2 集計関数2.3 group b...

Vue+Element UI でサマリーポップアップウィンドウを実装するプロセス全体

シナリオ: 検査文書には n 個の検査詳細があり、検査詳細には n 個の検査項目があります。実装効果...