ホーム > CSSサンプル

見出しリスト表組み画像その他

見出し

h1

見出し1聖路加看護大学テキストスタイルABCD

 

h2

見出し2聖路加看護大学テキストスタイルABCD

h3

見出し3聖路加看護大学テキストスタイルABCD

h4

見出し4聖路加看護大学テキストスタイルABCD

h5

見出し5聖路加看護大学テキストスタイルABCD

h6

見出し6聖路加看護大学テキストスタイルABCD

 

p

聖路加看護大学テキストスタイルABCD

p class="mtx"

聖路加看護大学テキストスタイルABCD

p class="mtx2"

聖路加看護大学テキストスタイルABCD

 

リスト

リスト(class="attend")

  • リスト1
    リスト1の折り返し
  • リスト2
  • リスト3

リスト(class="arrow")

  • リスト1
    リスト1の折り返し
  • リスト2
  • リスト3

リスト(class="circle")

  • リスト1
    リスト1の折り返し
  • リスト2
  • リスト3

リスト(class="pdf")

  • リスト1
    リスト1の折り返し
  • リスト2
  • リスト3

リスト(class="nolst")

  • リスト1
    リスト1の折り返し
  • リスト2
  • リスト3

リスト(class="user")
※メニュー画面に使用

  • リスト1
    リスト1の折り返し
  • リスト2
  • リスト3

 

表組み

class="style_a mtx"

th th th
リスト1

入れ子(class="in mtx")

td 入れ子1
td 入れ子2
リスト3
リスト4 リスト5 リスト6

class="style_b mtx"

th th th
リスト1 リスト2 リスト3
リスト4 リスト5 リスト6

 

画像配置(main)

画像:標準

特に指定が内意場合の画像配置です。マージンは上が20、その他は0です。

画像左配置 (class="mt-image-left")

テキストの左側に配置されます。
マージンは上0、右が20、下が20、左が0です。
テキストの左側に配置されます。
マージンは上0、右が20、下が20、左が20です。
テキストの左側に配置されます。
マージンは上0、右が20、下が20、左が20です。


 

 

画像中央配置 (class="mt-image-center")

写真は中央に配置され、テキストは下に配置されます。
マージンは下が20です。

 

画像右配置 (class="mt-image-right")

テキストの右側に配置されます。 マージンは上20、右20、下0、左0です。
テキストの右側に配置されます。 マージンは上20、右20、下0、左0です。
テキストの右側に配置されます。 マージンは上20、右20、下0、左0です。
 

 

その他

リンクテキスト(class="linktxt")

聖路加看護大学テキストスタイルABCD

リンクアイコン(btn_link.gif)

看護ネット

(ファイルの場所:http://www.slcn.ac.jp/common/blogimg/btn_link.gif)

 

お問い合わせ先(class="inq")

聖路加看護大学テキストスタイルABCD

強調用太枠(class="imp")

聖路加看護大学テキストスタイルABCD

ドットの水平線(class="dot")

 

 

 

 
 
 
 
このページの先頭へ