![](https://placehold.jp/500x330.png)
サンプルページ
三重県環境学習情報センター
![](https://www.eco-mie.com/wp/wp-content/themes/miekaninfo/assets/img/def.jpg)
h3 見出し見出し見出し見出し
h4 見出しh4 見出しh4 見出しh4 見出しh4 見出し
※「section」は、章にあたり、
「.container」は、コンテンツブロッククラスです。コンテンツを1200px幅に納めます。section > .container という形で制作してください。
マーカー付きテキスト。ここにテキストが入ります。
ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。
p 文章 右寄せ ここにテキストが入ります。
p 文章 センター寄せ
フォントSサイズ(12px)
フォントMサイズ(20px)
フォントLサイズ(36px)
フォント太字(bold)
フォント赤
フォント青
フォント茶
フォント紫
フォント緑
文字の回り込み。文字の回り込み。文字の回り込み。文字の回り込み。文字の回り込み。文字の回り込み。文字の回り込み。文字の回り込み。文字の回り込み。文字の回り込み。
文字の回り込み。文字の回り込み。文字の回り込み。文字の回り込み。文字の回り込み。文字の回り込み。文字の回り込み。文字の回り込み。文字の回り込み。文字の回り込み。
- タイトル
- 内容スペースになります内容スペースになります内容スペースになります内容スペースになります内容スペースになります内容スペースになります内容スペースになります内容スペースになります内容スペースになります内容スペースになります内容スペースになります
- タイトル
- 内容
- タイトル
- 内容
- タイトル
- 内容
- タイトル
- 内容
- タイトル
- 内容
ここはBOX付きのテキストスペースです。ここはBOX付きのテキストスペースです。
画像サイズ固定(画像幅500px)
![](https://placehold.jp/500x330.png)
![](https://placehold.jp/500x330.png)
画像サイズ固定(画像幅330px)
![](https://placehold.jp/330x330.png)
![](https://placehold.jp/330x330.png)
![](https://placehold.jp/330x330.png)
タイトルタイトル | 内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容 |
---|---|
タイトル | 内容内容内容内容内容内容 |
タイトル | 内容内容内容内容内容内容 |
タイトル | 内容内容内容内容内容内容 |
タイトル | 内容内容内容内容内容内容 |
- テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
- テキストテキストテキストテキストテキストテキストテキストテキスト
- テキストテキストテキストテキストテキストテキストテキストテキスト
- テキストテキストテキストテキストテキストテキストテキストテキスト
- テキストテキストテキストテキストテキストテキストテキストテキスト
背景(薄いグリーン)
h3 見出し
h4 見出し
レスポンシブ4列
![](http://placehold.jp/270x500.png)
テキストテキストテキストテキストテキストテキストテキストテキスト
![](http://placehold.jp/270x500.png)
テキストテキストテキストテキストテキストテキストテキストテキスト
![](http://placehold.jp/270x500.png)
テキストテキストテキストテキストテキストテキストテキストテキスト
![](http://placehold.jp/270x500.png)
テキストテキストテキストテキストテキストテキストテキストテキスト
横スクロールテーブル
セルタイトル | セルタイトル | セルタイトル | セルタイトル | セルタイトル |
---|---|---|---|---|
テキストテキストテキストテキスト | テキストテキストテキストテキストテキスト | テキストテキストテキストテキストテキストテキスト | テキストテキストテキストテキストテキストテキスト | |
テキストテキストテキストテキスト | テキストテキストテキストテキストテキスト | テキストテキストテキストテキストテキストテキスト | テキストテキストテキストテキストテキストテキスト | |
テキストテキストテキストテキスト | テキストテキストテキストテキストテキスト | テキストテキストテキストテキストテキストテキスト | テキストテキストテキストテキストテキストテキスト | |
テキストテキストテキストテキスト | テキストテキストテキストテキストテキスト | テキストテキストテキストテキストテキストテキスト | テキストテキストテキストテキストテキストテキスト | |
テキスト | テキストテキストテキストテキスト | テキストテキストテキストテキストテキスト | テキストテキストテキストテキストテキストテキスト | テキストテキストテキストテキストテキストテキスト |
スクロールリスト
-
2023.12.06