CSS WordPress

WordPress のテーマを自分で作ってみる(15) - 空白のブロックを作る

2010年2月2日

通常、CSSでは何も書いてない領域は自動的に詰められるようにブロックがレイアウトされる。

image
の様に、空白のブロックを作りたい場合は、

<div id="blocka">
ブロック A
</div>
<div id="spaceblock">
&nbsp;
</div>
<div id="blockb">
ブロックB
<div id="lsidebar">

の様にする。

idセレクタ spaceblock の margin や padding を変更すれば、空白ブロックのサイズも制御できる。

#spaceblock{

       width:160px;
       padding: 10px 0px;
       background-color: #ffffff;  /* 白色 */

}

-CSS, WordPress

Copyright© エンジニアの何でもメモ帳 , 2020 All Rights Reserved.