:before＆:after
について
display:block
指定あり
文字のみ入力
←この部分が入力した文字
HTMLの記述 <div id="wrap">○○○○○○</div> CSSの記述 #wrap { background: olive; } #wrap:before { content: ":beforeの配置場所"; display: block; } #wrap:after { content: ":afterの配置場所"; display: block; }
display:block
指定なし
文字のみ入力
HTMLの記述 <div id="wrap">○○○○○○</div> CSSの記述 #wrap { background: olive; } #wrap:before { content: ":beforeの配置場所"; } #wrap:after { content: ":afterの配置場所"; } ※display:blockが付かないとインライン要素となる。