包住整個部落格框線語法
範例圖片:
此語法 參考 湘雲娘子部落格的CSS語法擷取製作教學
http://tw.myblog.yahoo.com/awu-238262005/
範例網↓湘雲娘子部落格
http://tw.myblog.yahoo.com/awu-238262005/profile
/*部落格捲軸顏色網頁加框*/ html{ SCROLLBAR-FACE-COLOR:#ffffff; SCROLLBAR-HIGHLIGHT-COLOR:#b0ddff; SCROLLBAR-SHADOW-COLOR:#b0ddff; SCROLLBAR-3DLIGHT-COLOR:#ffffff; SCROLLBAR-DARKSHADOW-COLOR: #b0ddff; SCROLLBAR-ARROW-COLOR: #ffffff; SCROLLBAR-TRACK-COLOR: #ffffff; border-right: 18px dashed; border-top: 9px dashed; border-left: 18px dashed; border-bottom: 9px dashed; border-color: #FFCCFF;} a:hover{border: 2px #fff outset}
|
語法說明:
卷軸語法
html{
SCROLLBAR-FACE-COLOR: #FFFFFF; ←[白色] 長條捲軸顏色
SCROLLBAR-HIGHLIGHT-COLOR:FFFFFF; ←[白色]捲軸 明亮色
SCROLLBAR-SHADOW-COLOR: FFFFFF; ←[白色] 捲軸陰暗色
SCROLLBAR-3DLIGHT-COLOR:#E0E0E0; ←[灰色] 長條捲軸內框線
SCROLLBAR-DARKSHADOW-COLOR: #E0E0E0; ←[灰色] 長條捲軸外框線
SCROLLBAR-ARROW-COLOR: #FF0033; ←[灰色] 三角箭頭顏色
SCROLLBAR-TRACK-COLOR:#000000 ; } ←[黑色] 長條捲軸軌道背景色
body {border: 5px double #ff0000 ;} ←[紅色] 框住部落格大框框
部落格網頁框語法
border-right: 18px dashed;--右邊框線寬度
border-top: 9px dashed;--上方框線寬度
border-left: 18px dashed;--左邊框線寬度
border-bottom: 9px dashed;--下方框線寬度
border-color: #FFCCFF;} --框線色彩
a:hover{border: 2px #fff outset}--框住整各部落格大框線
314測試心得:
曾試著將 卷軸 和 網頁大框線 語法分開使用 就造成語法失敗
所以在使用此語法時請注意 在CSS語法中是否有同樣的捲軸語法並存
使用說明:
進入 管理部落格 → 面板設定 →自訂樣式 → 貼上 部落格捲軸顏色網頁加框 語法
如果 語法 無法呈現 效果
請檢查 CSS 語法
請先點選CSS欄中空白處 →按 Ctrl+F 搜尋可有相同開頭的語法或 卷軸語法
語法中有相同的 開頭語法
請覆蓋 或刪除此相同語法,才不會造成語法衝突
延伸參考教學:
框線語法
卷軸語法