囲い線

今回は「囲い」についてです。

このブログは両脇にあるプロフィールや記事履歴などが四角い枠で囲まれているのがわかると思います。ではどうやっているかと言うと、いたって簡単です。

CSS文中に

/* -- menu_element_basis -- */
.mainMenu {
margin-bottom: 14px;
padding-bottom: 8px;

}

こういう部分があると思います。ここに、

/* -- menu_element_basis -- */
.mainMenu {
margin-bottom: 14px;
padding-bottom: 8px;
border: 1px solid #b4cdb4;
}

赤字の分を書き込みます。これだけで自動的に各フレームが囲われます。ちなみにこの文章は、

「border」…囲いの設定。
「1px」…囲う線の太さ。
「solid」…線のスタイル。これはただの線という意。
「#b4cdb4」…色。

こんな内容となっています。色についてですが、CSSはこのように＃(シャープ)から始まる６桁の１６進数で色を表します。白は#FFFFFF。黒は#000000となります。