記憶的片段～放映中

自我學習CSS-邊框效果

border-style:solid;

border-style:dashed;

border-style:double;

border-style:dotted;

border-style:groove;

border-style:ridge;

border-style:inset;

border-style:outset;

如何更改呢？

/*欄位內容*/

.side{

background:#fff;

border:#E1AF59 5px ;border-style:ridge; ← 框線顏色 / 大小 / 樣式

注意：分號一定要加上喔！至於樣式就看看文章上面所示，看您要哪種邊框。

font-size:12px;

font-weight:400;

line-height:140%;

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

padding:4px;

}

在【欄位內容】修改會更改所有的左右的邊框，但是【關於我】這欄位還是不會變動喔～

所以要更改一致的話要到【關於我】這裡再度更改才行，如所示。

/*關於我*/

.avatar{

background:#FFF;

border:#E1AF59 5px ;border-style:ridge; ← 框線顏色 / 大小 / 樣式注意：分號一定要加上喔！

font-size:12px;

font-weight:400;

line-height:140%;

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

padding:5px;

}