見出し
H1にあたる大見出しの場合これを使う。h2にclass名「component-header」を入れてください。
テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
血液内科 Hematology
H2はこれ。タイトルの横に英文が入る場合は、spanで囲む。
テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
見出し３見出し３見出し３見出し３
テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
見出し４見出し４見出し４見出し４
テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
見出し５見出し５見出し５見出し５
テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
見出し６見出し６見出し６見出し６
テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
テキストテキストテキスト
テキストテキストテキスト
テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
表組み
|
thの部分に背景色つく このtable使う場合はtableにclass名「table table--two-row」を入れる |
ああああああああああああああああああああああああ | ああああああああああああ | ああああああああああああああああああああああああああああああ |
|---|---|---|---|
| ああああああ | ああああああああああああああああああああああああ | ああああああああああああ | ああああああああああああああああああああああああああああああ |
| ああああああ | ああああああああああああああああああああああああ | ああああああああああああ | ああああああああああああああああああああああああああああああ |
見出しが２つある表組
このtableの場合は勝手に入るwidth設定削除しないと、スマホ表示の時に表示がおかしくなるので注意
| このtable使う場合はtableにclass名「table table--three-row」を入れる 一つ目のthにclass名「first」 |
ここもth(class名なし)にする | ああああああああああああああああああああああああああああ |
|---|---|---|
| あああああああああああああああああああああああああああああああああああ | ああああああああああああああああああああああああああああ | ああああああああああああああああああああああああああああ |
少し入り組んだ表組
ここまで入り組んだの使わないかもしれないけど、使う場合は下のtableのコードをコピペして使ってください
| タイトル |
|---|
| タイトル | タイトル | テキストが入りますテキストが入りますテキストが入ります |
|---|---|---|
背景色で枠を作る場合
外枠のdivにclass名「box-fill」をつける
テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト