おちゃのこ通信 Vol.350 - デザイン道場 - おちゃのこネットメールマガジン

このコーナーでは、テンプレートのカスタマイズについて、実際のサンプルページを元に紹介していきます。

皆さん、こんにちは。おちゃのこネットの刑部です。

今回のデザイン道場は、スクロールするボックスを作る方法をご紹介します。

	https://cafe-responsive.ocnk.net/

スタイルシートを編集する

デザイン管理→スタイルシートの編集から下記の指定をコピーして貼り付けて下さい。
※貼り付け位置は、最下部にお願い致します。

●HTML

<div class="scroll">
スクロールボックス内容
</div>

●スタイルシート

.scroll {
width: 100%;
max-width: 500px;
height: 100px;
border: none;
padding:15px;
margin: 15px 0px;
overflow: auto;
background-color: #F5F5F5;
}

なお、お問い合わせは下記ページからお願い致します。