画像固定横幅500px。画像の入っているdivもCSSで横幅500pxに固定してます。画像固定横幅500px。画像の入っているdivもCSSで横幅500pxに固定してます。Second be Cruiseセコンドビークルーズ
〒510-1223 三重県三重郡菰野町諏訪 3399-3
TEL/FAX:059-393-3600 / 059-393-3621
E-mail:second_be_cruiseno-spam@pg7.so-net.ne.jp
サンプルページ
h3 見出し見出し見出し見出し
h4 見出しh4 見出しh4 見出しh4 見出しh4 見出し
※「section」は、章にあたり、「.container」は、コンテンツブロッククラスです。コンテンツを1400px幅に納めます。section > .container という形で制作してください。
マーカー付きテキスト。ここにテキストが入ります。
ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。
p 文章 右寄せ ここにテキストが入ります。
p 文章 センター寄せ
フォントSサイズ(12px)
フォントMサイズ(20px)
フォントLサイズ(36px)
フォント太字(bold)
フォント赤
フォント青
フォント茶
フォント紫
フォント緑
文字の回り込み。文字の回り込み。文字の回り込み。文字の回り込み。文字の回り込み。文字の回り込み。文字の回り込み。文字の回り込み。文字の回り込み。文字の回り込み。
文字の回り込み。文字の回り込み。文字の回り込み。文字の回り込み。文字の回り込み。文字の回り込み。文字の回り込み。文字の回り込み。文字の回り込み。文字の回り込み。
- タイトル
- 内容スペースになります内容スペースになります内容スペースになります内容スペースになります内容スペースになります内容スペースになります内容スペースになります内容スペースになります内容スペースになります内容スペースになります内容スペースになります
- タイトル
- 内容
- タイトル
- 内容
- タイトル
- 内容
- タイトル
- 内容
- タイトル
- 内容
ここはBOX付きのテキストスペースです。ここはBOX付きのテキストスペースです。
ここはBOX付きのテキストスペースです。ここはBOX付きのテキストスペースです。
ここはBOX付きのテキストスペースです。ここはBOX付きのテキストスペースです。
画像サイズ固定(画像幅500px)
画像固定横幅500px。画像の入っているdivもCSSで横幅500pxに固定してます。画像固定横幅500px。画像の入っているdivもCSSで横幅500pxに固定してます。テキスト画像サイズ固定(画像幅330px)
画像固定横幅330px。画像の入っているdivもCSSで横幅330pxに固定してます。画像固定横幅500px。画像の入っているdivもCSSで横幅330pxに固定してます。テキストテキスト| タイトルタイトル | 内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容 |
|---|---|
| タイトル | 内容内容内容内容内容内容 |
| タイトル | 内容内容内容内容内容内容 |
| タイトル | 内容内容内容内容内容内容 |
| タイトル | 内容内容内容内容内容内容 |
- テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
- テキストテキストテキストテキストテキストテキストテキストテキスト
- テキストテキストテキストテキストテキストテキストテキストテキスト
- テキストテキストテキストテキストテキストテキストテキストテキスト
- テキストテキストテキストテキストテキストテキストテキストテキスト
背景（薄いグレイ）
h3 見出し
h4 見出し
レスポンシブ４列
テキストテキストテキストテキストテキストテキストテキストテキスト
テキストテキストテキストテキストテキストテキストテキストテキスト
テキストテキストテキストテキストテキストテキストテキストテキスト
テキストテキストテキストテキストテキストテキストテキストテキスト
横スクロールテーブル
| セルタイトル | セルタイトル | セルタイトル | セルタイトル | セルタイトル |
|---|---|---|---|---|
| テキスト | テキストテキストテキストテキスト | テキストテキストテキストテキストテキスト | テキストテキストテキストテキストテキストテキスト | テキストテキストテキストテキストテキストテキスト |
| テキスト | テキストテキストテキストテキスト | テキストテキストテキストテキストテキスト | テキストテキストテキストテキストテキストテキスト | テキストテキストテキストテキストテキストテキスト |
| テキスト | テキストテキストテキストテキスト | テキストテキストテキストテキストテキスト | テキストテキストテキストテキストテキストテキスト | テキストテキストテキストテキストテキストテキスト |
| テキスト | テキストテキストテキストテキスト | テキストテキストテキストテキストテキスト | テキストテキストテキストテキストテキストテキスト | テキストテキストテキストテキストテキストテキスト |
| テキスト | テキストテキストテキストテキスト | テキストテキストテキストテキストテキスト | テキストテキストテキストテキストテキストテキスト | テキストテキストテキストテキストテキストテキスト |