側欄設計 (標題、側欄框線)
by 鍾玉芳, 2011-05-05 10:36, 人氣(2292)
1. 側欄標題 (大小、顏色、位置、背景)
透過 #menu .boxHeader 設定屬性,例如:
#menu .boxHeader {
font-size:13px;
color:#f0f;
text-align:center; /* 文字置中 */
background:#000; /* 將標題背景設成黑色 */
}
2. 框線
透過 #menu 的 border 屬性,將側欄的框線改變呈現方式,例如:
#menu {border:2px solid #ccc;} /* boder 的簡寫,設定側欄四邊的框線 */
透過 #menu 的 border 屬性,將側欄的框線改變呈現方式,例如:
#menu {border:2px solid #ccc;} /* boder 的簡寫,設定側欄四邊的框線 */
註: border 更詳細的說明請參考 區塊模型