自我學習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;

}

 

文章標籤
創作者介紹

記憶的片段~放映中

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