子どもの水辺サポートセンターからのお知らせ

子どもの水辺サポートセンター-HTML&CSSサンプル

見出し1

見出し2

見出し3

見出し4

見出し5
見出し6

テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト

テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト

日時+アイコン

▼アイコンなしの場合

2021/00/00

2021/00/00紹介情報_サポート

2021/00/00省庁情報_サポート

2021/00/00助成情報_サポート

リストUL

リストOL

  1. リスト1
    1. リスト1-1
    2. リスト1-2
    3. リスト1-3
  2. リスト2
  3. リスト3
  4. リスト内リンク1
  5. リスト内リンク2
  6. リスト4
    • リスト4-1
    • リスト4-2
    • リスト4-3

「※」マークの注釈

本文文字列の中に注釈を入れる場合は「<span class=”annotationMark”>※</span>」と入れると、※マークが小文字の赤文字になります。
また、本文の下に注釈本文を「<span class=”annotationText”> 注釈本文</span>」として入れると、その部分が小文字のグレー文字になります。

このクラスは以下のように使用します。


本文のテキスト※1。本文のテキスト本文のテキスト本文のテキスト本文のテキスト本文のテキスト。
本文のテキスト本文のテキスト本文のテキスト本文のテキスト本文のテキスト本文のテキスト※2
本文のテキスト本文のテキスト本文のテキスト本文のテキスト本文のテキスト。

※1注釈のテキスト。
※2 注釈のテキスト。

回り込み

テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト テキストテキストテキストテキストテキスト

テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト テキストテキストテキストテキストテキスト

リンク

PDFリンク。拡張子が.pdfのファイルをリンクしたときにアイコンが自動的に表示されます。

PDFのアイコンを表示させたくない場合は、class=”noIcon”を付与してください。

ページトップへ