知識社群登入
側欄設計 (標題、側欄框線)
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 的簡寫,設定側欄四邊的框線 */
 
註: border 更詳細的說明請參考 區塊模型