00-テンプレートページ(非公開にしてください！)
H2見出しH2見出しH2見出しH2見出し
よくオレンジ色の文字タイトルがある箇所はoutline一括りで作られてます
テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
h3見出しh3見出しh3見出しh3見出しh3見出しh3見出し
テキストはこのようにいれております。テキストはこのようにいれております。テキストはこのようにいれております。テキストはこのようにいれております。テキストはこのようにいれております。テキストはこのようにいれております。テキストはこのようにいれております。テキストはこのようにいれております。テキストはこのようにいれております。
テキストはこのようにいれております。テキストはこのようにいれております。テキストはこのようにいれております。テキストはこのようにいれております。テキストはこのようにいれております。テキストはこのようにいれております。テキストはこのようにいれております。テキストはこのようにいれております。テキストはこのようにいれております。
テキストはこのようにいれております。テキストはこのようにいれております。テキストはこのようにいれております。テキストはこのようにいれております。テキストはこのようにいれております。テキストはこのようにいれております。テキストはこのようにいれております。テキストはこのようにいれております。テキストはこのようにいれております。
太字になります。
- リストタグはこのようなかたちになります
- リストタグはこのようなかたちになりますリストタグはこのようなかたちになります
- 番号付きリストタグはこのようなかたちになります
- 番号付きリストタグはこのようなかたちになりますリストタグはこのようなかたちになります
h4見出しh4見出しh4見出しh4見出しh4見出し
| thタグはこの色 |
tdタグはここになります。 tdタグはここになります。 tdタグはここになります。 |
|---|---|
| thタグはこの色 | tdタグはここになります。 |
| thタグはこの色 | tdタグはここになります。 |
ピンク色のボックス
ピンク色のボックスはこのようになっております。
ピンク色のボックスピンク色のボックスピンク色のボックスピンク色のボックスピンク色のボックス
クラスでmargin-bottomやpadding-bottomを細かに指定できるクラス一覧
使いすぎるとレイアウトが崩壊します。
使うのは気を付けて、ほどほどに使ってください。
クラスで文字色変える方法
spanタグににあるクラスをspanタグと一緒にお使いください。
- グレー(#808080)
- 濃い赤(#800000)
- よく使われてる赤色(#FF0000)
- オリーブ色(#808000)
- 濃いグリーン(#008000)
- 濃い水色(#008080)
- ネイビーブルー(#000080)
- 円熟した橙(#CC6600)
- パープル(#800080)
重要！画像について
クラス名「def」がデフォルトサイズで出力サイズするようになってます。スマートフォン対応のため300pxに必ずしてください。
それ以上のサイズの場合は下記のように対応可能です。
クラス名「nos」を入れると、PCは変わりませんが、スマホでは大きい画像であっても全ての幅に表示されます
画像や文章を二列並列させたい場合は下記を使ってください
下記クラスを使う場合は画像サイズはいくつでも問題ありません。
