【網頁加框捲軸變成紅色】語法C38

【網頁加框】語法

【語法】

<style> BODY { color:6699ff; border:10 ridge #ff0000; } </style>

【捲軸變成紅色】語法

【語法】

<style> BODY { scrollbar-base-color : #000000; scrollbar-face-color : #000000; scrollbar-track-color: #000000; scrollbar-arrow-color : #ff0000; scrollbar-3dlight-color: #000000; scrollbar-highlight-color : #000000; scrollbar-shadow-color : #000000; scrollbar-darkshadow-color : #000000; } </style>

【網頁加框捲軸變成紅色】語法

【語法】

<style> BODY { scrollbar-base-color : #000000; scrollbar-face-color : #000000; scrollbar-track-color: #000000; scrollbar-arrow-color : #ff0000; scrollbar-3dlight-color: #000000; scrollbar-highlight-color : #000000; scrollbar-shadow-color : #000000; scrollbar-darkshadow-color : #000000; color:6699ff; border:20 ridge #ff0000; } </style>

【網頁加外框捲軸變色語法說明】 ★【網頁加外框捲軸變色語法說明】★ 【網頁加外框語法】 <style> BODY {color:6699ff; border:10 ridge #ff0000;} </style> ★【效果顯示範例】★ 【網頁捲軸變色語法】 <style> BODY {scrollbar-base-color : #ff0000; scrollbar-face-color : #000000; scrollbar-track-color: #000000; scrollbar-arrow-color : #ff0000; scrollbar-3dlight-color: #2F2F2F; scrollbar-highlight-color : #ff0000; scrollbar-shadow-color : #ff0000; scrollbar-darkshadow-color : #000000;} </style> ★【效果顯示範例】★ 【網頁加紅色外框捲軸變成紅色語法】 <style> BODY {scrollbar-base-color : #ff0000; scrollbar-face-color : #000000; scrollbar-track-color: #000000; scrollbar-arrow-color : #ff0000; scrollbar-3dlight-color: #2F2F2F; scrollbar-highlight-color : #ff0000; scrollbar-shadow-color : #ff0000; scrollbar-darkshadow-color : #000000; color:ff0099; border:10 ridge #ff0000;} </style> ★【效果顯示範例】★ 【網頁加藍色外框捲軸變成藍色語法】 <style> BODY {scrollbar-base-color : #0000ff; scrollbar-face-color : #000000; scrollbar-track-color: #000000; scrollbar-arrow-color : #0000ff; scrollbar-3dlight-color: #2F2F2F; scrollbar-highlight-color : #0000ff; scrollbar-shadow-color : #0000ff; scrollbar-darkshadow-color : #000000; color:0099ff; border:10 ridge #0000ff;} </style> ★【效果顯示範例】★ 【網頁加綠色外框捲軸變成綠色語法】 <style> BODY {scrollbar-base-color : #00ff00; scrollbar-face-color : #000000; scrollbar-track-color: #000000; scrollbar-arrow-color : #00ff00; scrollbar-3dlight-color: #2F2F2F; scrollbar-highlight-color : #00ff00; scrollbar-shadow-color : #00ff00; scrollbar-darkshadow-color : #000000; color:99ff00; border:10 ridge #00ff00;} </style> ★【效果顯示範例】★ 【網頁加紫色外框捲軸變成紫色語法】 <style> BODY {scrollbar-base-color : #ff00ff; scrollbar-face-color : #000000; scrollbar-track-color: #000000; scrollbar-arrow-color : #ff00ff; scrollbar-3dlight-color: #2F2F2F; scrollbar-highlight-color : #ff00ff; scrollbar-shadow-color : #ff00ff; scrollbar-darkshadow-color : #000000; color:ff99ff; border:10 ridge #ff00ff;} </style> ★【效果顯示範例】★ 【網頁加外框加寬捲軸變成彩色語法】 <style> BODY {scrollbar-base-color : #0000ff; scrollbar-face-color : #ff0000; scrollbar-track-color: #00ff00; scrollbar-arrow-color : #0000ff; scrollbar-3dlight-color: #2f2f2f; scrollbar-highlight-color : #0000ff; scrollbar-shadow-color : #0000ff; scrollbar-darkshadow-color : #000000; color:ff99ff; border:50 ridge #ff00ff;} </style> ★【效果顯示範例】★ ★【網頁加外框捲軸變色語法說明】★ 1.在 border:10 更改外框大小 例如 <style> BODY {color:6699ff; border:20 ridge #ff0000;} </style> 例如 <style> BODY {color:6699ff; border:40 ridge #ff0000;} </style> 例如 <style> BODY {color:6699ff; border:60 ridge #ff0000;} </style> 例如 <style> BODY {scrollbar-base-color : #ff0000; scrollbar-face-color : #000000; scrollbar-track-color: #000000; scrollbar-arrow-color : #ff0000; scrollbar-3dlight-color: #2F2F2F; scrollbar-highlight-color : #ff0000; scrollbar-shadow-color : #ff0000; scrollbar-darkshadow-color : #000000; color:ff0099; border:80 ridge #ff0000;} </style> 2.在 ridge #ff0000 更改外框顏色 例如 <style> BODY {color:6699ff; border:10 ridge #ffff00;} </style> 例如 <style> BODY {color:6699ff; border:10 ridge #00ff00;} </style> 例如 <style> BODY {color:6699ff; border:10 ridge #0000ff;} </style> 例如 <style> BODY {scrollbar-base-color : #ff00ff; scrollbar-face-color : #000000; scrollbar-track-color: #000000; scrollbar-arrow-color : #ff00ff; scrollbar-3dlight-color: #2F2F2F; scrollbar-highlight-color : #ff00ff; scrollbar-shadow-color : #ff00ff; scrollbar-darkshadow-color : #000000; color:ff99ff; border:10 ridge #ff00ff;} </style> ★【顏色數碼表】★ http://home.educities.edu.tw/nkhs9323005/B2.htm ★【捲軸變色器】★ http://home.educities.edu.tw/nkhs9323005/B8.htm ★【語法測試區】★ http://home.educities.edu.tw/nkhs9323005/B1.htm