サイトタイトル
戻る進む

ブロック2

2015年11月撮影の風景写真53

無料テンプレートのダウンロードはこちらから行ってください。利用規約はこちらからご確認ください。

2015年11月撮影の風景写真58

このフォントは <p class="text1"> です。

2015年11月撮影の風景写真73

このフォントは <p class="text1"> です。

ブロック3

2015年11月撮影の風景写真19

このフォントは <p class="text2"> です。

2015年11月撮影の風景写真21

このフォントは <p class="text2"> です。

2015年11月撮影の風景写真27

このフォントは <p class="text2"> です。

2015年11月撮影の風景写真46

Font Class Text3

このフォントは <p class="text4"> です。

2015年11月撮影の風景写真48

Font Class Text3

このフォントは <p class="text5"> です。

2015年11月撮影の風景写真66

Font Class Text6

このフォントは <p class="text4"> です。

ブロック4

2015年11月撮影の風景写真6

Font Class Text6

このフォントは <p class="text4"> です。

2015年11月撮影の風景写真7

Font Class Text6

このフォントは <p class="text4"> です。

2015年11月撮影の風景写真79

Font Class Text6

このフォントは <p class="text4"> です。

2015年11月撮影の風景写真23

Font Class Text6

このフォントは <p class="text4"> です。

2015年11月撮影の風景写真25

Font Class Text6

このフォントは <p class="text4"> です。

2015年11月撮影の風景写真52

Font Class Text6

このフォントは <p class="text4"> です。

2015年11月撮影の風景写真56

Font Class Text6

このフォントは <p class="text4"> です。

2015年11月撮影の風景写真64

Font Class Text6

このフォントは <p class="text4"> です。

2015年11月撮影の風景写真68

Font Class Text6

このフォントは <p class="text4"> です。

2015年12月撮影の風景写真24

ブロック5

画像1枚に長めの説明を記入するデザインを想定したパーツです。スクリーンサイズ1000px未満のデバイスでは、画像の下に見出しと説明が表示されます。

このフォントは <p class="text1"> です。

このフォントは <p class="text2"> です。

このフォントは <p class="text3"> です。

このフォントは <p class="text4"> です。

2015年12月撮影の風景写真22

ブロック6

画像1枚に長めの説明を記入するデザインを想定したパーツです。スクリーンサイズ1000px未満のデバイスでは、画像の下に見出しと説明が表示されます。

このフォントは <p class="text1"> です。

このフォントは <p class="text2"> です。

このフォントは <p class="text3"> です。

このフォントは <p class="text4"> です。

2015年12月撮影の風景写真19

ブロック6

画像1枚に長めの説明を記入するデザインを想定したパーツです。スクリーンサイズ1000px未満のデバイスでは、画像の下に見出しと説明が表示されます。

このフォントは <p class="text1"> です。

このフォントは <p class="text2"> です。

このフォントは <p class="text3"> です。

このフォントは <p class="text4"> です。

2015年12月撮影の風景写真14

ブロック6

画像1枚に長めの説明を記入するデザインを想定したパーツです。スクリーンサイズ1000px未満のデバイスでは、画像の下に見出しと説明が表示されます。

このフォントは <p class="text1"> です。

このフォントは <p class="text2"> です。

このフォントは <p class="text3"> です。

このフォントは <p class="text4"> です。

2015年12月撮影の風景写真9

ブロック6

画像1枚に長めの説明を記入するデザインを想定したパーツです。スクリーンサイズ1000px未満のデバイスでは、画像の下に見出しと説明が表示されます。

このフォントは <p class="text1"> です。

このフォントは <p class="text2"> です。

このフォントは <p class="text3"> です。

このフォントは <p class="text4"> です。

2015年12月撮影の風景写真7

ブロック6

画像1枚に長めの説明を記入するデザインを想定したパーツです。スクリーンサイズ1000px未満のデバイスでは、画像の下に見出しと説明が表示されます。

このフォントは <p class="text1"> です。

このフォントは <p class="text2"> です。

このフォントは <p class="text3"> です。

このフォントは <p class="text4"> です。

ブロック7

このフォントは <p class="text1"> です。<div class="parts5"> の子孫要素です。デザインは style.css で編集できます。style.css では .parts5 .text1 という形で、半角スペースで区切られています。

長い文章は、段落の間隔を空けると読みやすくなります。<div class="space10"> で p タグ(段落タグ)を囲むと、margin-top: 10px が適用されます。

<div class="space20"> で p タグを囲むと、margin-top: 20px が適用されます。

<div class="space30"> で p タグを囲むと、margin-top: 30px が適用されます。

段落の始まりを一字下げする場合は <p class="indent"> です。style.css で .parts5 .indent には、text-align: left(左寄せ)と text-indent: 1em(一字下げ)が指定されています。

このフォントは <p class="text2"> です。

このフォントは <p class="text3"> です。

このフォントは <p class="text4"> です。

p タグに class を付けなければ、中央揃えになります。

このフォントは <p class="text5"> です。この文章はテンプレートのデザインを伝えるためのサンプル文章です。この文章はテンプレートのデザインを伝えるためのサンプル文章です。この文章はテンプレートのデザインを伝えるためのサンプル文章です。

このフォントは <p class="text5"> です。この文章はテンプレートのデザインを伝えるためのサンプル文章です。この文章はテンプレートのデザインを伝えるためのサンプル文章です。この文章はテンプレートのデザインを伝えるためのサンプル文章です。

このフォントは <p class="text5"> です。この文章はテンプレートのデザインを伝えるためのサンプル文章です。この文章はテンプレートのデザインを伝えるためのサンプル文章です。この文章はテンプレートのデザインを伝えるためのサンプル文章です。

トップへ戻る