【パーツ】スクロールボックス【HTMLタイプ】

コンテンツ

コンテンツ

コンテンツ

コンテンツ

コンテンツ

 

<div style=”width:100%; height:100px; overflow:auto; background-color:#FFF; border:1px #F0F0F0 dashed; font-size:80%; color:#000000;”>
<div style=”margin:1em 10px;”>
<p>コンテンツ</p>
<p>コンテンツ</p>
<p>コンテンツ</p>
<p>コンテンツ</p>
<p>コンテンツ</p>
</div>
</div>

コンテンツ

コンテンツ

コンテンツ

コンテンツ

コンテンツ

コンテンツ

コンテンツ

コンテンツ

コンテンツ

コンテンツ

コンテンツ

コンテンツ

コンテンツ

コンテンツ

コンテンツ

コンテンツ

コンテンツ

コンテンツ

コンテンツ

コンテンツ

 

<img class=”alignleft wp-image-117 size-medium” src=”https://run-tomorrow.work/wp-content/uploads/2017/05/Alpha-21427529_fhd-300×213.jpg” alt=”” width=”300″ height=”213″ />
<div style=”width:40%; height:500px; overflow:auto; background-color:#ffff99; border:1px #F0F0F0 dashed; font-size:80%; color:#000000;”>
<div style=”margin:1em 10px;”>
<p>コンテンツ</p>
<p>コンテンツ</p>
<p>コンテンツ</p>
<p>コンテンツ</p>
<p>コンテンツ</p>
</div>
</div>

 

width:100%; /* 横幅 */
height:100px; /* 縦幅 */
background-color:#FFF; /* 背景色 */
border:1px #F0F0F0 dashed; /* 枠 */
font-size:80%; /* 文字サイズ */
color:#000000; /* 文字色 */
margin:1em 10px; /* 行間 */

    コメントを残す