});}());まるっと。CSS過去記事をリライトしていると、箇条書きで連番数字を振っているものの中に、さらに連番数字が入れ子になっている記事がありました。実際にはそれぞれの番号の下に文字や写真が入っているので、こんな風に連続して見えません。この例では入れ子になっている方の番号はただの○囲み数字でしかありません。箇条書きにしよう!・・・そう思ったらいろんなことが見えてきました。今日は箇条書きについて学びたいと思います。あとがきol(番号付きリスト)を書くには番号付きリスト(デフォルト)特にスタイルを指定せずに書くと下のようなリスト表示になります。CODEHTMLはこのようになります。<ol><li>連番数字を使ったリスト表示</li><li>連番数字を使ったリスト表示</li><li>連番数字を使ったリスト表示</li></ol>カスタマイズ後の番号付きリストここのサイトで指定しているスタイルで書くと下のようなリスト表示になります。CODECSSは以下の通りです。スタイルを指定せずに書くと下のようなリスト表示になります。CODEHTMLはこのようになります。当方ではスタイルを指定して以下のように表示しています。CODEHTMLは以下の通りです。class="nest"><li>連番数字のネスト</li><li>連番数字のネスト</li><li>連番数字のネスト</li></ol>[highlight_markup]</li><li>連番数字を使ったリスト表示</li></ol>olにクラス"nest"を指定しています。CODECSSは以下の通りです。ケースを書こうと思ったのですが、記事が長くなりすぎるのと、疲れ果ててしまったので、次回に続きますw予告を兼ねて、現在のulリスト表示です。記号を使った箇条書き記号を使った箇条書き記号を使った箇条書き記号を使った箇条書きつづきを書こうとulのカスタマイズに時間を費やしましたが、様々なパターンのネストが完璧にならないので紹介するのは諦めました。不完全なので、自分だけで使っておこうと思います。どらみこちらもどうぞここの記事を書いた人どらみパソコン歴はWindows98からの元パソコンインストラクターです。Office系のソフトウェアを主に教えていました。質問されると、つい親身になってしまう自称「ポジネガ人間」です。コメントをキャンセルメールアドレスが公開されることはありません。*ウェブサイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。ユーザーさんからのうれしい拍手コメントを紹介させていただきます(*^^)2018.10.19ここは本当に収益を生まないサイトになってしまいました。さんどらみさんはじめまして。2018.01.28前回に引き続きサムネイル付きの記事一覧の表示についてご案内します。2017.12.03ウィジェットを使ってサイドバーにプロフィールを表示する方法をご紹介します。