框的使用一般用於左右兩班外加中間這部份,想要外加框可以先找到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;

}

 

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

arrow
arrow
    文章標籤
    css xuite 邊框
    全站熱搜

    ☆故事☆ 發表在 痞客邦 留言(0) 人氣()