記憶的片段～放映中

框的使用一般用於左右兩班外加中間這部份，想要外加框可以先找到CSS裡面的下面三個位置加以修改，現在發現除了利用數字外變更框的寬度外，也可以利用thin (薄)、medium (中等)、thick (厚)這三種來加以改變寬度喔～

/*欄位內容*/

.side{

background:#fff;

border:#E1AF60 5px ;border-style:ridge;

font-size:12px;

font-weight:400;

line-height:140%;

font-family:Verdana, Arial, Helvetica, sans-serif;

padding:4px;

}

/*文章外框*/

#content{

border:#FFE89C 5px ;border-style:ridge;

background-color:#FFFFFF;

margin:0;

padding:10px;

}

/*關於我*/

.avatar{

background:#FFF;

border:#E1AF60 5px ;border-style:ridge;

font-size:12px;

font-weight:400;

line-height:140%;

font-family:Verdana, Arial, Helvetica, sans-serif;

padding:5px;

}

要修改時就如下面方式使用這樣也可以改變寬度喔～

/*欄位內容*/

.side{

background:#fff;

border:#E1AF60 medium;border-style:ridge;

font-size:12px;

font-weight:400;

line-height:140%;

font-family:Verdana, Arial, Helvetica, sans-serif;

padding:4px;

}

所以驗證結果一樣可以改變框的寬度。