4.プチ☆カスタマイズ

HTML編集画面を使って、スクロールする枠をつける方法を紹介します。

1. HTMLが編集できる画面（HTMLソースエディタ）に切り替えます。
2. 下記のHTMLソースを“コピペ”して使ってください。

１）高さ100px、枠を表示する

↓下記をコピー＆ペースト

<div style="width: 100%; height: 100px; overflow-y: scroll; border: 1px #999999 solid;">

ここに文字を入力する

</div>

2）高さ100px、背景色を入れる

↓下記をコピー＆ペースト

<div style="width: 100%; height: 100px; overflow-y: scroll; background:#eeeeee;">

ここに文字を入力する

</div>

高さ指定：height：***px

背景色：background:#******

番外A）枠内にリストを入れる
※上記の設定方法を使って、枠内に文章コンテンツの編集でリストを選択してもOK。

↓下記をコピー＆ペースト

 
<div style="width: 100%; height: 100px; overflow-y: scroll; border: 1px #999 solid;">
<ul>
<li>ここに入力する</li>
</ul>
</div>

番外B）枠内に余白を入れる
※余白を入れる場合は、枠内を<p></p>で囲みStyleをいれます。

↓下記をコピー＆ペースト

 
<div style="width: 100%; height: 100px; overflow-y: scroll; border: 1px #999 solid;">
<p style="padding:10px;">ここに入力する </p>
</div>