池袋クリニック・渋谷文化村通りレディスクリニック 婦人科 看護師・准看護師募集情報

池袋クリニック・渋谷文化村通りレディスクリニック 婦人科 看護師・准看護師募集情報

サンプルページ

大見出し

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

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

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

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

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

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

class="ylw-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 / / /
  • 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"を指定すると上下にマージンをとります