お知らせ・募集案内

お知らせ・募集案内(無効なカテゴリー)

河川財団-HTML&CSSサンプル

見出し1

見出し2

見出し3

見出し4

見出し5
見出し6

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

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

日時+アイコン

2021/00/00研究・行政

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”を付与してください。

リンク画像

aに「class=”alpha”」を入れるとリンク画像をホバーした時に透過されます。

サンプル画像

ページトップへ