ALCE LAB - ARCHETYP!

CSS 投稿記事のulやolのデザイン

2019/11/07（Thu）

このノートは ulタグ・ olタグ・blockquoteタグを装飾するCSSを埋め込んでます。

【見本】
■番号つきリスト

HTMLコード例

下のHTMLをノート内容（記事）に書くと上の表示になります。投稿の際に「HTMLを有効にする」を選択してください。

HTML



<ol>

  <li>あいうえおかきくけこ</li>

  <li>さしすせそたちつてと</li>

  <li>なにぬねのはひふへほまみむめも</li>

</ol>

■引用テスト

CSS Block Quotation Examples

ここに引用する文を書きます。

HTMLコード例

下のHTMLをノート内容（記事）に書くと上の表示になります。投稿の際に「HTMLを有効にする」を選択してください。

HTML



<blockquote>

  <p>CSS Block Quotation Examples</p>

  <p>ここに引用する文を書きます。</p>

</blockquote>

■リスト

HTMLコード例

下のHTMLをノート内容（記事）に書くと上の表示になります。投稿の際に「HTMLを有効にする」を選択してください。

HTML



<ul>

  <li>あいうえおかきくけこ</li>

  <li>さしすせそたちつてと</li>

  <li>なにぬねのはひふへほまみむめも</li>

</ul>

前次