div コンテンツのグループ化 コピペで使えるHTML+CSS

スポンサーリンク
LINEで送る
Pocket

div要素の概要

コンテンツのグループ化HTML
<div>~</div>
目的コンテンツの一部をグループ化し、スタイルシートで装飾する際に用いる。<div>自体は意味を持たない。
関連<span>
つれづれなるままに、日暮らし、硯にむかひて、
春はあけぼの。やうやう白くなりゆく山際、少し明かりて、紫だちたる

※<span>がインライン要素であることに対し、<div>はブロックレベル要素ですから表記上は改行されます。<div>は<img>等も含めたグループとしてレイアウト構成でも多用される要素です。

<div style="background-color: #ff2200;">つれづれなるままに、日暮らし、硯にむかひて、</div><div style="background-color: #00ffff;">春はあけぼの。やうやう白くなりゆく山際、少し明かりて、紫だちたる</div>

属性

グローバル属性のみ

CSSデザイン

一つのグループとして全体の装飾をしたい際はdivを用いるよう心がけること。

LINEで送る
Pocket

タイトルとURLをコピーしました