ホームページ作成/タグ一覧スクロールボックス

ホームページ作成トップ >

ボックス >

スクロールボックス

スタイルシート(CSS)を使ってページをすっきりさせる

スクロールボックス

サンプル

HTMLタグ

CSSタグ

/* --- ボックス --- */
.section {
width: 200px; /* ボックス幅 */
height: 100px; /* ボックス高さ */
overflow: auto;
background-color: #ffffff; /* ボックス背景 */
border: 1px #cccccc solid; /* ボックス枠線 */
font-size: 75%; /* 文字サイズ */
color: #000000; /* 文字カラー */
}

/* --- ボックス内の段落 --- */
.section p {
margin: 1em 10px; /* 段落マージン（上下、左右） */
}