文京区の耳鼻科 小児耳鼻 耳鼻咽喉科 アレルギー科 千石駅徒歩3分

赤池耳鼻科咽喉科医院

東京都文京区千石4-40-2

都営三田線 「千石駅」徒歩3

赤池耳鼻科咽喉科医院

スタイルガイド

大見出し

pタグで囲むとサイドに余白をとります
またボトムにマージンをとります

これはサンプルページです。同じ位置に固定され、(多くのテーマでは) サイトナビゲーションメニューに含まれるため、ブログ投稿とは異なります。サイト訪問者に対して自分のことを説明する自己紹介ページを作成するのが一般的です。たとえば以下のようなものになります。

spanタグを入れてからclass="txt-base-line"で囲むと緑のアンダーラインが入ります

spanタグを入れてからclass="txt-red-line"で囲むと赤のアンダーラインが入ります

spanタグを入れてからclass="txt-ylw-line"で囲むと橙のアンダーラインが入ります

class="red-txt"を指定することでテキストが赤くなります

class="ylw-txt"を指定することでテキストが橙になります

class="base-txt"を指定するとテーマカラーと同じ色のテキスト

なんか背景つけたいなーと思ったらclass="bg-base"のclassをあてるといいです。なんか背景つけたいなーと思ったらclass="bg-base"のclassをあてるといいです。 なんか背景つけたいなーと思ったらclass="bg-base"のclassをあてるといいです。 なんか背景つけたいなーと思ったらclass="bg-base"のclassをあてるといいです。 なんか背景つけたいなーと思ったらclass="bg-base"のclassをあてるといいです。

使うかわかりませんがこんなスタイルもclass="check-one"のclassをあてる出来ます。

h4タグスタイル

h5タグスタイル
テーブルのスタイル例
09:30〜13:00 /
16:00〜19:00 / / /
略歴などの場合
dl => .ryaku を着ける
昭和60年5月
サンプルテキストサンプルテキスト
昭和60年5月
サンプルテキスト
昭和60年5月
サンプルテキスト
昭和60年5月
サンプルテキスト
  • class="list-deco"
  • リストタグのスタイルの例
  • リストタグのスタイルの例
  • リストタグのスタイルの例
  • リストタグのスタイルの例
  1. 普通にolタグで数字付き
  2. 数字付きリストの例
  3. 数字付きリストの例
  4. 数字付きリストの例
  5. 数字付きリストの例

フレックスレイアウト

divにclass="flexBox-sp-none"を指定してテキスト左寄せ画像右寄せのレイアウト(sp-noneをつけるのはスマホの場合に縦に並ぶレイアウトを指定してるため)
divもしくはブロック要素(hタグpタグliタグなど)にclass="margin-box"を指定すると上下にマージンをとります

divにclass="flexBox-sp-none flex-op-rev"を指定してテキスト右寄せ画像左寄せのレイアウト(sp-noneをつけるのはスマホの場合に縦に並ぶレイアウトを指定してるため)
divもしくはブロック要素(hタグpタグliタグなど)にclass="margin-box"を指定すると上下にマージンをとります