1.直接從後台的[外觀]–>[編輯CSS]–>[附加的CSS]
2.直接加入下圖紅框的代碼,就可以讓整個網站內的圖片都有加框!代碼用意為:加一個淡灰色的雙色框,寬度約為4px同時圖片4個角落為圓角!
3.另一個方式,可以只單獨在某些圖片加上自訂的CSS類別.代碼如下:
//黑色雙線框 (一樣加入後台的附加CSS中)
.pandaimg{
border-radius: 15px;
border: 4px double #000;
}
[pandaimg]只是一個名稱,可隨意取名字.
4.在要顯示框線的圖片中,加入CSS類別名稱[pandaimg],就可以在個別圖片中加入自訂框線.如下圖所示:
邊線的風格樣式，還有以下種類：上面例子為double「雙線框」
solid 「實線框」
dotted「點線框」
dashed「分段線」
double「雙線框」
groove「立體內凸框」
ridge「立體浮凸框」
inset「凹框」
outset「凸框」
#000–>顏色代碼,可以參考下列網址,做挑選自己喜歡顏色!
