■■■Loading□□□

各位北鼻們

版主這次要跟大家分享的語法是捲軸顏色的語法

版主平常會製造相簿模版的語法讓大家套用

這次所分享的捲軸顏色語法

只要一個簡單步驟

就可以讓你的部落格捲軸色彩繽紛

大家就不必那麼麻煩

用捲軸顏色的語法製造器製作半天

只要將複製好的語法貼在樣式設計或自訂欄位

儲存一下就大功告成

還可以隨心所欲的輕鬆更換你喜歡的捲軸顏色

心動的話

那就廢話不多說

趕快動動滑鼠右鍵複製下來囉!!


版主叮嚀:
取走語法後~記得要留言
歡迎複製本文~請註明出處或善用引用功能
若套用語法後有任何問題請盡速回報本版主
卸卸大家的配合

捲軸顏色預覽請見各語法複製欄框右側

1.javascript系列:

<script language="javascript" src="http://scrollbar.bropa.net/bropa/prog01.js"></script><a href="http://scrollbar.bropa.net">スクロールバースクリプト</a><script language="javascript" src="http://scrollbar.bropa.net/bropa/close.js"></script>

---

<script language="javascript" src="http://scrollbar.bropa.net/bropa/prog02.js"></script><a href="http://scrollbar.bropa.net">スクロールバースクリプト</a><script language="javascript" src="http://scrollbar.bropa.net/bropa/close.js"></script>

---

<script language="javascript" src="http://scrollbar.bropa.net/bropa/prog03.js"></script><a href="http://scrollbar.bropa.net">スクロールバースクリプト</a><script language="javascript" src="http://scrollbar.bropa.net/bropa/close.js"></script>

---

<script language="javascript" src="http://scrollbar.bropa.net/bropa/prog04.js"></script><a href="http://scrollbar.bropa.net">スクロールバースクリプト</a><script language="javascript" src="http://scrollbar.bropa.net/bropa/close.js"></script>

---

<script language="javascript" src="http://scrollbar.bropa.net/bropa/prog05.js"></script><a href="http://scrollbar.bropa.net">スクロールバースクリプト</a><script language="javascript" src="http://scrollbar.bropa.net/bropa/close.js"></script>

---

<script language="javascript" src="http://scrollbar.bropa.net/bropa/prog06.js"></script><a href="http://scrollbar.bropa.net">スクロールバースクリプト</a><script language="javascript" src="http://scrollbar.bropa.net/bropa/close.js"></script>

---

<script language="javascript" src="http://scrollbar.bropa.net/bropa/prog07.js"></script><a href="http://scrollbar.bropa.net">スクロールバースクリプト</a><script language="javascript" src="http://scrollbar.bropa.net/bropa/close.js"></script>

---

<script language="javascript" src="http://scrollbar.bropa.net/bropa/prog08.js"></script><a href="http://scrollbar.bropa.net">スクロールバースクリプト</a><script language="javascript" src="http://scrollbar.bropa.net/bropa/close.js"></script>

---

<script language="javascript" src="http://scrollbar.bropa.net/bropa/prog09.js"></script><a href="http://scrollbar.bropa.net">スクロールバースクリプト</a><script language="javascript" src="http://scrollbar.bropa.net/bropa/close.js"></script>

2.CSS語法黑色箭頭系列:

★黑白灰色
<style type="text/css"> <!--body{ scrollbar-face-color:★; scrollbar-highlight-color:white; scrollbar-shadow-color:black; scrollbar-3dlight-color:black; scrollbar-arrow-color:black; scrollbar-track-color:white; scrollbar-darkshadow-color:white; }--> </style>


■#cdcdcd
<style type="text/css"> <!--body{ scrollbar-face-color:#cdcdcd; scrollbar-highlight-color:white; scrollbar-shadow-color:black; scrollbar-3dlight-color:black; scrollbar-arrow-color:black; scrollbar-track-color:white; scrollbar-darkshadow-color:white; }--> </style>


■#c0c0c0
<style type="text/css"> <!--body{ scrollbar-face-color:#c0c0c0; scrollbar-track-color:white; scrollbar-shadow-color:#c0c0c0; scrollbar-darkshadow-color:#000000; scrollbar-highlight-color:white; scrollbar-3dlight-color:#000000; scrollbar-arrow-color:black; }--></style>






以下是藍色系


■ligthblue
<style type="text/css"> <!--body{ scrollbar-face-color:lightblue; scrollbar-highlight-color:white; scrollbar-shadow-color:black; scrollbar-3dlight-color:black; scrollbar-arrow-color:black; scrollbar-track-color:white; scrollbar-darkshadow-color:white; }--> </style>

■#1ad1ff
<style type="text/css"> <!--body{ scrollbar-face-color:#1ad1ff; scrollbar-highlight-color:white; scrollbar-shadow-color:black; scrollbar-3dlight-color:black; scrollbar-arrow-color:black; scrollbar-track-color:white; scrollbar-darkshadow-color:white; }--> </style>

★藍色
<style type="text/css"> <!--body{ scrollbar-face-color:★; scrollbar-track-color:white; scrollbar-shadow-color:★; scrollbar-darkshadow-color:#000000; scrollbar-highlight-color:white; scrollbar-3dlight-color:#000000; scrollbar-arrow-color:black; }--></style>



■#b9ddfd
<style type="text/css"> <!--body{ scrollbar-face-color:#b9ddfd; scrollbar-track-color:white; scrollbar-shadow-color:#b9ddfd; scrollbar-darkshadow-color:#000000; scrollbar-highlight-color:white; scrollbar-3dlight-color:#000000; scrollbar-arrow-color:black; }--></style>


■#99ddff
<style type="text/css"> <!--body{ scrollbar-face-color:#99ddff; scrollbar-highlight-color:white; scrollbar-shadow-color:black; scrollbar-3dlight-color:black; scrollbar-arrow-color:black; scrollbar-track-color:white; scrollbar-darkshadow-color:white; }--> </style>


■#c0ebf5
<style type="text/css"> <!--body{ scrollbar-face-color:#c0ebf5; scrollbar-track-color:white; scrollbar-shadow-color:#c0ebf5; scrollbar-darkshadow-color:#000000; scrollbar-highlight-color:white; scrollbar-3dlight-color:#000000; scrollbar-arrow-color:black; }--></style>


■#3de3f5
<style type="text/css"> <!--body{ scrollbar-face-color:#3de3f5; scrollbar-track-color:white; scrollbar-shadow-color:#3de3f5; scrollbar-darkshadow-color:#000000; scrollbar-highlight-color:white; scrollbar-3dlight-color:#000000; scrollbar-arrow-color:black; }--></style>



■#8cf4ed
<style type="text/css"> <!--body{ scrollbar-face-color:#8cf4ed; scrollbar-track-color:white; scrollbar-shadow-color:#8cf4ed; scrollbar-darkshadow-color:#000000; scrollbar-highlight-color:white; scrollbar-3dlight-color:#000000; scrollbar-arrow-color:black; }--></style>







以下是粉紅色系


■lightpink
<style type="text/css"> <!--body{ scrollbar-face-color:lightpink; scrollbar-highlight-color:white; scrollbar-shadow-color:black; scrollbar-3dlight-color:black; scrollbar-arrow-color:black; scrollbar-track-color:white; scrollbar-darkshadow-color:white; }--> </style>


■#fea2d1
<style type="text/css"> <!--body{ scrollbar-face-color:#fea2d1; scrollbar-highlight-color:white; scrollbar-shadow-color:black; scrollbar-3dlight-color:black; scrollbar-arrow-color:black; scrollbar-track-color:white; scrollbar-darkshadow-color:white; }--> </style>


■#ffb7d3
<style type="text/css"> <!--body{ scrollbar-face-color:#ffb7d3; scrollbar-track-color:white; scrollbar-shadow-color:#ffb7d3; scrollbar-darkshadow-color:#000000; scrollbar-highlight-color:white; scrollbar-3dlight-color:#000000; scrollbar-arrow-color:black; }--></style>



■#ffe4e1
<style type="text/css"> <!--body{ scrollbar-face-color:#ffe4e1; scrollbar-track-color:white; scrollbar-shadow-color:#ffe4e1; scrollbar-darkshadow-color:#000000; scrollbar-highlight-color:white; scrollbar-3dlight-color:#000000; scrollbar-arrow-color:black; }--></style>


■mistyrose
<style type="text/css"> <!--body{ scrollbar-face-color:mistyrose; scrollbar-highlight-color:white; scrollbar-shadow-color:black; scrollbar-3dlight-color:black; scrollbar-arrow-color:black; scrollbar-track-color:white; scrollbar-darkshadow-color:white; }--> </style>






以下是紅橙黃色系

■red
<style type="text/css"> <!--body{ scrollbar-face-color:red; scrollbar-highlight-color:white; scrollbar-shadow-color:black; scrollbar-3dlight-color:black; scrollbar-arrow-color:black; scrollbar-track-color:white; scrollbar-darkshadow-color:white; }--> </style>



■tomato
<style type="text/css"> <!--body{ scrollbar-face-color:tomato; scrollbar-highlight-color:white; scrollbar-shadow-color:black; scrollbar-3dlight-color:black; scrollbar-arrow-color:black; scrollbar-track-color:white; scrollbar-darkshadow-color:white; }--> </style>

■#ff0000
<style type="text/css"> <!--body{ scrollbar-face-color:#ff0000; scrollbar-track-color:white; scrollbar-shadow-color:#ff0000; scrollbar-darkshadow-color:#000000; scrollbar-highlight-color:white; scrollbar-3dlight-color:#000000; scrollbar-arrow-color:black; }--></style>

■#ff9900
<style type="text/css"> <!--body{ scrollbar-face-color:#ff9900; scrollbar-highlight-color:white; scrollbar-shadow-color:black; scrollbar-3dlight-color:black; scrollbar-arrow-color:black; scrollbar-track-color:white; scrollbar-darkshadow-color:white; }--> </style>



■#ffcc33
<style type="text/css"> <!--body{ scrollbar-face-color:#ffcc33; scrollbar-track-color:white; scrollbar-shadow-color:#ffcc33; scrollbar-darkshadow-color:#000000; scrollbar-highlight-color:white; scrollbar-3dlight-color:#000000; scrollbar-arrow-color:black; }--></style>


■gold
<style type="text/css"> <!--body{ scrollbar-face-color:gold; scrollbar-highlight-color:white; scrollbar-shadow-color:black; scrollbar-3dlight-color:black; scrollbar-arrow-color:black; scrollbar-track-color:white; scrollbar-darkshadow-color:white; }--> </style>






以下是綠色系


■#79a200
<style type="text/css"> <!--body{ scrollbar-face-color:#79a200; scrollbar-highlight-color:white; scrollbar-shadow-color:black; scrollbar-3dlight-color:black; scrollbar-arrow-color:black; scrollbar-track-color:white; scrollbar-darkshadow-color:white; }--> </style>



■#99cc00
<style type="text/css"> <!--body{ scrollbar-face-color:#99cc00; scrollbar-highlight-color:white; scrollbar-shadow-color:black; scrollbar-3dlight-color:black; scrollbar-arrow-color:black; scrollbar-track-color:white; scrollbar-darkshadow-color:white; }--> </style>



■#96d314
<style type="text/css"> <!--body{ scrollbar-face-color:#96d314; scrollbar-track-color:white; scrollbar-shadow-color:#96d314; scrollbar-darkshadow-color:#000000; scrollbar-highlight-color:white; scrollbar-3dlight-color:#000000; scrollbar-arrow-color:black; }--></style>



■#c6f7a2
<style type="text/css"> <!--body{ scrollbar-face-color:#c6f7a2; scrollbar-track-color:white; scrollbar-shadow-color:#c6f7a2; scrollbar-darkshadow-color:#000000; scrollbar-highlight-color:white; scrollbar-3dlight-color:#000000; scrollbar-arrow-color:black; }--></style>







以下是紫色系

■#9966ff
<style type="text/css"> <!--body{ scrollbar-face-color:#9966ff; scrollbar-highlight-color:white; scrollbar-shadow-color:black; scrollbar-3dlight-color:black; scrollbar-arrow-color:black; scrollbar-track-color:white; scrollbar-darkshadow-color:white; }--> </style>


■#cc66ff
<style type="text/css"> <!--body{ scrollbar-face-color:#cc66ff; scrollbar-highlight-color:white; scrollbar-shadow-color:black; scrollbar-3dlight-color:black; scrollbar-arrow-color:black; scrollbar-track-color:white; scrollbar-darkshadow-color:white; }--> </style>

3.CSS語法白色箭頭系列:

★ <style type="text/css"> <!--body{ scrollbar-face-color:★; scrollbar-track-color:white; scrollbar-shadow-color:★; scrollbar-darkshadow-color:white; scrollbar-highlight-color:white; scrollbar-3dlight-color:★; scrollbar-arrow-color:white; }--></style>

■#b9ddfd <style type="text/css"> <!--body{ scrollbar-face-color:#b9ddfd; scrollbar-track-color:white; scrollbar-shadow-color:#b9ddfd; scrollbar-darkshadow-color:white; scrollbar-highlight-color:white; scrollbar-3dlight-color:#b9ddfd; scrollbar-arrow-color:white; }--></style>

■#c0ebf5 <style type="text/css"> <!--body{ scrollbar-face-color:#c0ebf5; scrollbar-track-color:white; scrollbar-shadow-color:#c0ebf5; scrollbar-darkshadow-color:white; scrollbar-highlight-color:white; scrollbar-3dlight-color:#c0ebf5; scrollbar-arrow-color:white; }--></style>

■#c0c0c0 <style type="text/css"> <!--body{ scrollbar-face-color:#c0c0c0; scrollbar-track-color:white; scrollbar-shadow-color:#c0c0c0; scrollbar-darkshadow-color:white; scrollbar-highlight-color:white; scrollbar-3dlight-color:#c0c0c0; scrollbar-arrow-color:white; }--></style>

■#ab7730 <style type="text/css"> <!--body{ scrollbar-face-color:#ab7730; scrollbar-track-color:white; scrollbar-shadow-color:#ab7730; scrollbar-darkshadow-color:white; scrollbar-highlight-color:white; scrollbar-3dlight-color:#ab7730; scrollbar-arrow-color:white; }--></style>

■#e7e1ad <style type="text/css"> <!--body{ scrollbar-face-color:#e7e1ad; scrollbar-track-color:white; scrollbar-shadow-color:#e7e1ad; scrollbar-darkshadow-color:white; scrollbar-highlight-color:white; scrollbar-3dlight-color:#e7e1ad; scrollbar-arrow-color:white; }--></style>

■#c6f7a2 <style type="text/css"> <!--body{ scrollbar-face-color:#c6f7a2; scrollbar-track-color:white; scrollbar-shadow-color:#c6f7a2; scrollbar-darkshadow-color:white; scrollbar-highlight-color:white; scrollbar-3dlight-color:#c6f7a2; scrollbar-arrow-color:white; }--></style>

■#96d314 <style type="text/css"> <!--body{ scrollbar-face-color:#96d314; scrollbar-track-color:white; scrollbar-shadow-color:#96d314; scrollbar-darkshadow-color:white; scrollbar-highlight-color:white; scrollbar-3dlight-color:#96d314; scrollbar-arrow-color:white; }--></style>

■#ffb7d3 <style type="text/css"> <!--body{ scrollbar-face-color:#ffb7d3; scrollbar-track-color:white; scrollbar-shadow-color:#ffb7d3; scrollbar-darkshadow-color:white; scrollbar-highlight-color:white; scrollbar-3dlight-color:#ffb7d3; scrollbar-arrow-color:white; }--></style>

■#bd94eb <style type="text/css"> <!--body{ scrollbar-face-color:#bd94eb; scrollbar-track-color:white; scrollbar-shadow-color:#bd94eb; scrollbar-darkshadow-color:white; scrollbar-highlight-color:white; scrollbar-3dlight-color:#bd94eb; scrollbar-arrow-color:white; }--></style>

■#3de3f5 <style type="text/css"> <!--body{ scrollbar-face-color:#3de3f5; scrollbar-track-color:white; scrollbar-shadow-color:#3de3f5; scrollbar-darkshadow-color:white; scrollbar-highlight-color:white; scrollbar-3dlight-color:#3de3f5; scrollbar-arrow-color:white; }--></style>

■#8cf4ed <style type="text/css"> <!--body{ scrollbar-face-color:#8cf4ed; scrollbar-track-color:white; scrollbar-shadow-color:#8cf4ed; scrollbar-darkshadow-color:white; scrollbar-highlight-color:white; scrollbar-3dlight-color:#8cf4ed; scrollbar-arrow-color:white; }--></style>

■#ff0000 <style type="text/css"> <!--body{ scrollbar-face-color:#ff0000; scrollbar-track-color:white; scrollbar-shadow-color:#ff0000; scrollbar-darkshadow-color:white; scrollbar-highlight-color:white; scrollbar-3dlight-color:#ff0000; scrollbar-arrow-color:white; }--></style>

■#ffcc33 <style type="text/css"> <!--body{ scrollbar-face-color:#ffcc33; scrollbar-track-color:white; scrollbar-shadow-color:#ffcc33; scrollbar-darkshadow-color:white; scrollbar-highlight-color:white; scrollbar-3dlight-color:#ffcc33; scrollbar-arrow-color:white; }--></style>

4.CSS語法黑色箭頭混搭色系列:

★ <style type="text/css"> <!--body{ scrollbar-base-color:★; scrollbar-shadow-color:★; scrollbar-darkshadow-color:#000000; scrollbar-highlight-color:#ffffff; scrollbar-3dlight-color:★; scrollbar-arrow-color:#000000; }--></style>

■#b9ddfd <style type="text/css"> <!--body{ scrollbar-base-color:#b9ddfd; scrollbar-shadow-color:#b9ddfd; scrollbar-darkshadow-color:#000000; scrollbar-highlight-color:#ffffff; scrollbar-3dlight-color:#b9ddfd; scrollbar-arrow-color:#000000; }--></style>

■#c0ebf5 <style type="text/css"> <!--body{ scrollbar-base-color:#c0ebf5; scrollbar-shadow-color:#c0ebf5; scrollbar-darkshadow-color:#000000; scrollbar-highlight-color:#ffffff; scrollbar-3dlight-color:#c0ebf5; scrollbar-arrow-color:#000000; }--></style>

■#c0c0c0 <style type="text/css"> <!--body{ scrollbar-base-color:#c0c0c0; scrollbar-shadow-color:#c0c0c0; scrollbar-darkshadow-color:#000000; scrollbar-highlight-color:#ffffff; scrollbar-3dlight-color:#c0c0c0; scrollbar-arrow-color:#000000; }--></style>

■#ab7730 <style type="text/css"> <!--body{ scrollbar-base-color:#ab7730; scrollbar-shadow-color:#ab7730; scrollbar-darkshadow-color:#000000; scrollbar-highlight-color:#ffffff; scrollbar-3dlight-color:#ab7730; scrollbar-arrow-color:#000000; }--></style>

■#e7e1ad <style type="text/css"> <!--body{ scrollbar-base-color:#e7e1ad; scrollbar-shadow-color:#e7e1ad; scrollbar-darkshadow-color:#000000; scrollbar-highlight-color:#ffffff; scrollbar-3dlight-color:#e7e1ad; scrollbar-arrow-color:#000000; }--></style>

■#96d314 <style type="text/css"> <!--body{ scrollbar-base-color:#96d314; scrollbar-shadow-color:#96d314; scrollbar-darkshadow-color:#000000; scrollbar-highlight-color:#ffffff; scrollbar-3dlight-color:#96d314; scrollbar-arrow-color:#000000; }--></style>

■#ffcc33 <style type="text/css"> <!--body{ scrollbar-base-color:#ffcc33; scrollbar-shadow-color:#ffcc33; scrollbar-darkshadow-color:#000000; scrollbar-highlight-color:#ffffff; scrollbar-3dlight-color:#ffcc33; scrollbar-arrow-color:#000000; }--></style>

■#ffb7d3 <style type="text/css"> <!--body{ scrollbar-base-color:#ffb7d3; scrollbar-shadow-color:#ffb7d3; scrollbar-darkshadow-color:#000000; scrollbar-highlight-color:#ffffff; scrollbar-3dlight-color:#ffb7d3; scrollbar-arrow-color:#000000; }--></style>

■#3de3f5 <style type="text/css"> <!--body{ scrollbar-base-color:#3de3f5; scrollbar-shadow-color:#3de3f5; scrollbar-darkshadow-color:#000000; scrollbar-highlight-color:#ffffff; scrollbar-3dlight-color:#3de3f5; scrollbar-arrow-color:#000000; }--></style>

5.CSS語法黑色箭頭雙色陰影系列:

☆★ <style type="text/css"> <!--body{ scrollbar-face-color:☆; scrollbar-shadow-color:★; scrollbar-darkshadow-color:#000000; scrollbar-highlight-color:#ffffff; scrollbar-3dlight-color:#000000; scrollbar-arrow-color:#000000; scrollbar-track-color:#ffffff; }--></style>

■#b9ddfd ■#89c6fc <style type="text/css"> <!--body{ scrollbar-face-color:#b9ddfd; scrollbar-shadow-color:#89c6fc; scrollbar-darkshadow-color:#000000; scrollbar-highlight-color:#ffffff; scrollbar-3dlight-color:#000000; scrollbar-arrow-color:#000000; scrollbar-track-color:#ffffff; }--></style>

■#c0ebf5 ■#92dbed <style type="text/css"> <!--body{ scrollbar-face-color:#c0ebf5; scrollbar-shadow-color:#92dbed; scrollbar-darkshadow-color:#000000; scrollbar-highlight-color:#ffffff; scrollbar-3dlight-color:#000000; scrollbar-arrow-color:#000000; scrollbar-track-color:#ffffff; }--></style>

■#c0c0c0 ■#a2a2a2 <style type="text/css"> <!--body{ scrollbar-face-color:#c0c0c0; scrollbar-shadow-color:#a2a2a2; scrollbar-darkshadow-color:#000000; scrollbar-highlight-color:#ffffff; scrollbar-3dlight-color:#000000; scrollbar-arrow-color:#000000; scrollbar-track-color:#ffffff; }--></style>

■#ab7730 ■#8e6328 <style type="text/css"> <!--body{ scrollbar-face-color:#ab7730; scrollbar-shadow-color:#8e6328; scrollbar-darkshadow-color:#000000; scrollbar-highlight-color:#ffffff; scrollbar-3dlight-color:#000000; scrollbar-arrow-color:#000000; scrollbar-track-color:#ffffff; }--></style>

■#e7e1ad ■#d5ca6f <style type="text/css"> <!--body{ scrollbar-face-color:#e7e1ad; scrollbar-shadow-color:#d5ca6f; scrollbar-darkshadow-color:#000000; scrollbar-highlight-color:#ffffff; scrollbar-3dlight-color:#000000; scrollbar-arrow-color:#000000; scrollbar-track-color:#ffffff; }--></style>

■#96d314 ■#7bae11 <style type="text/css"> <!--body{ scrollbar-face-color:#96d314; scrollbar-shadow-color:#7bae11; scrollbar-darkshadow-color:#000000; scrollbar-highlight-color:#ffffff; scrollbar-3dlight-color:#000000; scrollbar-arrow-color:#000000; scrollbar-track-color:#ffffff; }--></style>

■#ffcc33 ■#ffc40f <style type="text/css"> <!--body{ scrollbar-face-color:#ffcc33; scrollbar-shadow-color:#ffc40f; scrollbar-darkshadow-color:#000000; scrollbar-highlight-color:#ffffff; scrollbar-3dlight-color:#000000; scrollbar-arrow-color:#000000; scrollbar-track-color:#ffffff; }--></style>

■#ffb7d3 ■#ff79ae <style type="text/css"> <!--body{ scrollbar-face-color:#ffb7d3; scrollbar-shadow-color:#ff79ae; scrollbar-darkshadow-color:#000000; scrollbar-highlight-color:#ffffff; scrollbar-3dlight-color:#000000; scrollbar-arrow-color:#000000; scrollbar-track-color:#ffffff; }--></style>

■#3de3f5 ■#0cc4d8 <style type="text/css"> <!--body{ scrollbar-face-color:#3de3f5; scrollbar-shadow-color:#0cc4d8; scrollbar-darkshadow-color:#000000; scrollbar-highlight-color:#ffffff; scrollbar-3dlight-color:#000000; scrollbar-arrow-color:#000000; scrollbar-track-color:#ffffff; }--></style>

■#ff80c0 ■#ff46a3 <style type="text/css"> <!--body{ scrollbar-face-color:#ff80c0; scrollbar-shadow-color:#ff46a3; scrollbar-darkshadow-color:#000000; scrollbar-highlight-color:#ffffff; scrollbar-3dlight-color:#000000; scrollbar-arrow-color:#000000; scrollbar-track-color:#ffffff; }--></style>

■#00ccff ■#00b0dd <style type="text/css"> <!--body{ scrollbar-face-color:#00ccff; scrollbar-shadow-color:#00b0dd; scrollbar-darkshadow-color:#000000; scrollbar-highlight-color:#ffffff; scrollbar-3dlight-color:#000000; scrollbar-arrow-color:#000000; scrollbar-track-color:#ffffff; }--></style>

■#ff9900 ■#ea8c00 <style type="text/css"> <!--body{ scrollbar-face-color:#ff9900; scrollbar-shadow-color:#ea8c00; scrollbar-darkshadow-color:#000000; scrollbar-highlight-color:#ffffff; scrollbar-3dlight-color:#000000; scrollbar-arrow-color:#000000; scrollbar-track-color:#ffffff; }--></style>

■#ff0000 ■#e30000 <style type="text/css"> <!--body{ scrollbar-face-color:#ff0000; scrollbar-shadow-color:#e30000; scrollbar-darkshadow-color:#000000; scrollbar-highlight-color:#ffffff; scrollbar-3dlight-color:#000000; scrollbar-arrow-color:#000000; scrollbar-track-color:#ffffff; }--></style>

 

☆3 <style type="text/css"> <!--body{ scrollbar-face-color:☆; scrollbar-shadow-color:★; scrollbar-darkshadow-color:☆; scrollbar-highlight-color:#ffffff; scrollbar-3dlight-color:☆; scrollbar-arrow-color:white; scrollbar-track-color:#ffffff; }--></style>

☆4 <style type="text/css"> <!--body{ scrollbar-face-color:☆; scrollbar-shadow-color:★; scrollbar-darkshadow-color:☆; scrollbar-highlight-color:#ffffff; scrollbar-3dlight-color:☆; scrollbar-arrow-color:☆; scrollbar-track-color:#ffffff; }--></style>

■#ff99cc ■#ff80c0 <style type="text/css"> <!--body{ scrollbar-face-color:#ff99cc; scrollbar-shadow-color:#ff80c0; scrollbar-darkshadow-color:#ff99cc; scrollbar-highlight-color:#ffffff; scrollbar-3dlight-color:#ff99cc; scrollbar-arrow-color:white; scrollbar-track-color:#ffffff; }--></style>

<style type="text/css"> <!--body{ scrollbar-face-color:#ff99cc; scrollbar-shadow-color:#ff80c0; scrollbar-darkshadow-color:#ff99cc; scrollbar-highlight-color:#ffffff; scrollbar-3dlight-color:#ff99cc; scrollbar-arrow-color:#ff99cc; scrollbar-track-color:#ffffff; }--></style>

■#ffcc00 ■#ff9900 <style type="text/css"> <!--body{ scrollbar-face-color:#ffcc00; scrollbar-shadow-color:#ff9900; scrollbar-darkshadow-color:#ffcc00; scrollbar-highlight-color:#ffffff; scrollbar-3dlight-color:#ffcc00; scrollbar-arrow-color:white; scrollbar-track-color:#ffffff; }--></style>

<style type="text/css"> <!--body{ scrollbar-face-color:#ffcc00; scrollbar-shadow-color:#ff9900; scrollbar-darkshadow-color:#ffcc00; scrollbar-highlight-color:#ffffff; scrollbar-3dlight-color:#ffcc00; scrollbar-arrow-color:#ffcc00; scrollbar-track-color:#ffffff; }--></style>

■yellowgreen ■#009900 <style type="text/css"> <!--body{ scrollbar-face-color:yellowgreen; scrollbar-shadow-color:#00990; scrollbar-darkshadow-color:yellowgreen; scrollbar-highlight-color:#ffffff; scrollbar-3dlight-color:yellowgreen; scrollbar-arrow-color:white; scrollbar-track-color:#ffffff; }--></style>

<style type="text/css"> <!--body{ scrollbar-face-color:yellowgreen; scrollbar-shadow-color:#00990; scrollbar-darkshadow-color:yellowgreen; scrollbar-highlight-color:#ffffff; scrollbar-3dlight-color:yellowgreen; scrollbar-arrow-color:yellowgreen; scrollbar-track-color:#ffffff; }--></style>

■lightblue ■#70bbd3 <style type="text/css"> <!--body{ scrollbar-face-color:lightblue; scrollbar-shadow-color:#70bbd3; scrollbar-darkshadow-color:lightblue; scrollbar-highlight-color:#ffffff; scrollbar-3dlight-color:lightblue; scrollbar-arrow-color:white; scrollbar-track-color:#ffffff; }--></style>

<style type="text/css"> <!--body{ scrollbar-face-color:lightblue; scrollbar-shadow-color:#70bbd3; scrollbar-darkshadow-color:lightblue; scrollbar-highlight-color:#ffffff; scrollbar-3dlight-color:lightblue; scrollbar-arrow-color:lightblue; scrollbar-track-color:#ffffff; }--></style>

■#cccccc ■#999999 <style type="text/css"> <!--body{ scrollbar-face-color:#cccccc; scrollbar-shadow-color:#999999; scrollbar-darkshadow-color:#cccccc; scrollbar-highlight-color:#ffffff; scrollbar-3dlight-color:#cccccc; scrollbar-arrow-color:white; scrollbar-track-color:#ffffff; }--></style>

<style type="text/css"> <!--body{ scrollbar-face-color:#cccccc; scrollbar-shadow-color:#999999; scrollbar-darkshadow-color:#cccccc; scrollbar-highlight-color:#ffffff; scrollbar-3dlight-color:#cccccc; scrollbar-arrow-color:#cccccc; scrollbar-track-color:#ffffff; }--></style>

■#99ccff ■#66b3ff <style type="text/css"> <!--body{ scrollbar-face-color:#99ccff; scrollbar-shadow-color:#66b3ff; scrollbar-darkshadow-color:#99ccff; scrollbar-highlight-color:#ffffff; scrollbar-3dlight-color:#99ccff; scrollbar-arrow-color:white; scrollbar-track-color:#ffffff; }--></style>

<style type="text/css"> <!--body{ scrollbar-face-color:#99ccff; scrollbar-shadow-color:#66b3ff; scrollbar-darkshadow-color:#99ccff; scrollbar-highlight-color:#ffffff; scrollbar-3dlight-color:#99ccff; scrollbar-arrow-color:#99ccff; scrollbar-track-color:#ffffff; }--></style>

 

■#ffb9dc ■#ff99cc <style type="text/css"> <!--body{ scrollbar-face-color:#ffb9dc; scrollbar-shadow-color:#ff99cc; scrollbar-darkshadow-color:#ffb9dc; scrollbar-highlight-color:#ffffff; scrollbar-3dlight-color:#ffb9dc; scrollbar-arrow-color:white; scrollbar-track-color:#ffffff; }--></style>

<style type="text/css"> <!--body{ scrollbar-face-color:#ffb9dc; scrollbar-shadow-color:#ff99cc; scrollbar-darkshadow-color:#ffb9dc; scrollbar-highlight-color:#ffffff; scrollbar-3dlight-color:#ffb9dc; scrollbar-arrow-color:#ffb9dc; scrollbar-track-color:#ffffff; }--></style>

■#ffd7eb ■#ffb9dc <style type="text/css"> <!--body{ scrollbar-face-color:#ffd7eb; scrollbar-shadow-color:#ffb9dc ; scrollbar-darkshadow-color:#ffd7eb; scrollbar-highlight-color:#ffffff; scrollbar-3dlight-color:#ffd7eb; scrollbar-arrow-color:white; scrollbar-track-color:#ffffff; }--></style>

<style type="text/css"> <!--body{ scrollbar-face-color:#ffd7eb; scrollbar-shadow-color:#ffb9dc ; scrollbar-darkshadow-color:#ffd7eb; scrollbar-highlight-color:#ffffff; scrollbar-3dlight-color:#ffd7eb; scrollbar-arrow-color:#ffd7eb; scrollbar-track-color:#ffffff; }--></style>

■#c1e0fd ■#84c2fb <style type="text/css"> <!--body{ scrollbar-face-color:#c1e0fd; scrollbar-shadow-color:#c1e0fd; scrollbar-darkshadow-color:#84c2fb; scrollbar-highlight-color:#ffffff; scrollbar-3dlight-color:#c1e0fd; scrollbar-arrow-color:white; scrollbar-track-color:#ffffff; }--></style>

<style type="text/css"> <!--body{ scrollbar-face-color:#c1e0fd; scrollbar-shadow-color:#c1e0fd; scrollbar-darkshadow-color:#84c2fb; scrollbar-highlight-color:#ffffff; scrollbar-3dlight-color:#c1e0fd; scrollbar-arrow-color:#c1e0fd; scrollbar-track-color:#ffffff; }--></style>

■#8cf1ff ■#3ee7ff <style type="text/css"> <!--body{ scrollbar-face-color:#8cf1ff; scrollbar-shadow-color:#8cf1ff; scrollbar-darkshadow-color:#3ee7ff; scrollbar-highlight-color:#ffffff; scrollbar-3dlight-color:#8cf1ff; scrollbar-arrow-color:white; scrollbar-track-color:#ffffff; }--></style>

<style type="text/css"> <!--body{ scrollbar-face-color:#8cf1ff; scrollbar-shadow-color:#8cf1ff; scrollbar-darkshadow-color:#3ee7ff; scrollbar-highlight-color:#ffffff; scrollbar-3dlight-color:#8cf1ff; scrollbar-arrow-color:#8cf1ff; scrollbar-track-color:#ffffff; }--></style>

■#ffda44 ■#ffcc00 <style type="text/css"> <!--body{ scrollbar-face-color:#ffda44; scrollbar-shadow-color:#ffcc00; scrollbar-darkshadow-color:#ffda44; scrollbar-highlight-color:#ffffff; scrollbar-3dlight-color:#ffda44; scrollbar-arrow-color:white; scrollbar-track-color:#ffffff; }--></style>

<style type="text/css"> <!--body{ scrollbar-face-color:#ffda44; scrollbar-shadow-color:#ffcc00; scrollbar-darkshadow-color:#ffda44; scrollbar-highlight-color:#ffffff; scrollbar-3dlight-color:#ffda44; scrollbar-arrow-color:#ffda44; scrollbar-track-color:#ffffff; }--></style>

■#b3d964 ■yellowgreen <style type="text/css"> <!--body{ scrollbar-face-color:#b3d964; scrollbar-shadow-color:yellowgreen; scrollbar-darkshadow-color:#b3d964; scrollbar-highlight-color:#ffffff; scrollbar-3dlight-color:#b3d964; scrollbar-arrow-color:white; scrollbar-track-color:#ffffff; }--></style>

<style type="text/css"> <!--body{ scrollbar-face-color:#b3d964; scrollbar-shadow-color:yellowgreen; scrollbar-darkshadow-color:#b3d964; scrollbar-highlight-color:#ffffff; scrollbar-3dlight-color:#b3d964; scrollbar-arrow-color:#b3d964; scrollbar-track-color:#ffffff; }--></style>

■#c6b580 ■#b7a05e <style type="text/css"> <!--body{ scrollbar-face-color:#c6b580; scrollbar-shadow-color:#b7a05e; scrollbar-darkshadow-color:#c6b580; scrollbar-highlight-color:#ffffff; scrollbar-3dlight-color:#c6b580; scrollbar-arrow-color:white; scrollbar-track-color:#ffffff; }--></style>

<style type="text/css"> <!--body{ scrollbar-face-color:#c6b580; scrollbar-shadow-color:#b7a05e; scrollbar-darkshadow-color:#c6b580; scrollbar-highlight-color:#ffffff; scrollbar-3dlight-color:#c6b580; scrollbar-arrow-color:#c6b580; scrollbar-track-color:#ffffff; }--></style>

■#7db4c8 ■#569db8 <style type="text/css"> <!--body{ scrollbar-face-color:#7db4c8; scrollbar-shadow-color:#569db8; scrollbar-darkshadow-color:#7db4c8; scrollbar-highlight-color:#ffffff; scrollbar-3dlight-color:#7db4c8; scrollbar-arrow-color:white; scrollbar-track-color:#ffffff; }--></style>

<style type="text/css"> <!--body{ scrollbar-face-color:#7db4c8; scrollbar-shadow-color:#569db8; scrollbar-darkshadow-color:#7db4c8; scrollbar-highlight-color:#ffffff; scrollbar-3dlight-color:#7db4c8; scrollbar-arrow-color:#7db4c8; scrollbar-track-color:#ffffff; }--></style>

以下是糖果色系:

★3 <style type="text/css"> <!--body{ scrollbar-face-color:★; scrollbar-shadow-color:★; scrollbar-darkshadow-color:★; scrollbar-highlight-color:white; scrollbar-3dlight-color:black; scrollbar-arrow-color:black; scrollbar-track-color:#ffffff; }--></style>

★4 <style type="text/css"> <!--body{ scrollbar-face-color:★; scrollbar-shadow-color:★; scrollbar-darkshadow-color:★; scrollbar-highlight-color:white; scrollbar-3dlight-color:black; scrollbar-arrow-color:★; scrollbar-track-color:#ffffff; }--></style>

■#ff80c0 <style type="text/css"> <!--body{ scrollbar-face-color:#ff80c0; scrollbar-shadow-color:#ff80c0; scrollbar-darkshadow-color:#ff80c0; scrollbar-highlight-color:white; scrollbar-3dlight-color:black; scrollbar-arrow-color:black; scrollbar-track-color:#ffffff; }--></style>

<style type="text/css"> <!--body{ scrollbar-face-color:#ff80c0; scrollbar-shadow-color:#ff80c0; scrollbar-darkshadow-color:#ff80c0; scrollbar-highlight-color:white; scrollbar-3dlight-color:black; scrollbar-arrow-color:#ff80c0; scrollbar-track-color:#ffffff; }--></style>

■#ffcc33 <style type="text/css"> <!--body{ scrollbar-face-color:#ffcc33; scrollbar-shadow-color:#ffcc33; scrollbar-darkshadow-color:#ffcc33; scrollbar-highlight-color:white; scrollbar-3dlight-color:black; scrollbar-arrow-color:black; scrollbar-track-color:#ffffff; }--></style>

<style type="text/css"> <!--body{ scrollbar-face-color:#ffcc33; scrollbar-shadow-color:#ffcc33; scrollbar-darkshadow-color:#ffcc33; scrollbar-highlight-color:white; scrollbar-3dlight-color:black; scrollbar-arrow-color:#ffcc33; scrollbar-track-color:#ffffff; }--></style>

■#ccff33 <style type="text/css"> <!--body{ scrollbar-face-color:#ccff33; scrollbar-shadow-color:#ccff33; scrollbar-darkshadow-color:#ccff33; scrollbar-highlight-color:white; scrollbar-3dlight-color:black; scrollbar-arrow-color:black; scrollbar-track-color:#ffffff; }--></style>

<style type="text/css"> <!--body{ scrollbar-face-color:#ccff33; scrollbar-shadow-color:#ccff33; scrollbar-darkshadow-color:#ccff33; scrollbar-highlight-color:white; scrollbar-3dlight-color:black; scrollbar-arrow-color:#ccff33; scrollbar-track-color:#ffffff; }--></style>

■#33ccff <style type="text/css"> <!--body{ scrollbar-face-color:#33ccff; scrollbar-shadow-color:#33ccff; scrollbar-darkshadow-color:#33ccff; scrollbar-highlight-color:white; scrollbar-3dlight-color:black; scrollbar-arrow-color:black; scrollbar-track-color:#ffffff; }--></style>

<style type="text/css"> <!--body{ scrollbar-face-color:#33ccff; scrollbar-shadow-color:#33ccff; scrollbar-darkshadow-color:#33ccff; scrollbar-highlight-color:white; scrollbar-3dlight-color:black; scrollbar-arrow-color:#33ccff; scrollbar-track-color:#ffffff; }--></style>

■#e033ff <style type="text/css"> <!--body{ scrollbar-face-color:#e033ff; scrollbar-shadow-color:#e033ff; scrollbar-darkshadow-color:#e033ff; scrollbar-highlight-color:white; scrollbar-3dlight-color:black; scrollbar-arrow-color:black; scrollbar-track-color:#ffffff; }--></style>

<style type="text/css"> <!--body{ scrollbar-face-color:#e033ff; scrollbar-shadow-color:#e033ff; scrollbar-darkshadow-color:#e033ff; scrollbar-highlight-color:white; scrollbar-3dlight-color:black; scrollbar-arrow-color:#e033ff; scrollbar-track-color:#ffffff; }--></style>

■#cc9900 <style type="text/css"> <!--body{ scrollbar-face-color:#cc9900; scrollbar-shadow-color:#cc9900; scrollbar-darkshadow-color:#cc9900; scrollbar-highlight-color:white; scrollbar-3dlight-color:black; scrollbar-arrow-color:black; scrollbar-track-color:#ffffff; }--></style>

<style type="text/css"> <!--body{ scrollbar-face-color:#ccff33; scrollbar-shadow-color:#ccff33; scrollbar-darkshadow-color:#ccff33; scrollbar-highlight-color:white; scrollbar-3dlight-color:black; scrollbar-arrow-color:#cc9900; scrollbar-track-color:#ffffff; }--></style>

 

☆2 <style type="text/css"> <!--body{ scrollbar-base-color:☆; scrollbar-shadow-color:#000000; scrollbar-darkshadow-color:☆; scrollbar-highlight-color:★; scrollbar-3dlight-color:black; scrollbar-arrow-color:black; }--></style>

☆3 <style type="text/css"> <!--body{ scrollbar-base-color:☆; scrollbar-shadow-color:#000000; scrollbar-darkshadow-color:☆; scrollbar-highlight-color:★; scrollbar-3dlight-color:black; scrollbar-arrow-color:☆; }--></style>

■#ff99cc ■#ffd7eb <style type="text/css"> <!--body{ scrollbar-base-color:#ff99cc; scrollbar-shadow-color:#000000; scrollbar-darkshadow-color:#ff99cc; scrollbar-highlight-color:#ffd7eb; scrollbar-3dlight-color:black; scrollbar-arrow-color:black; }--></style>

<style type="text/css"> <!--body{ scrollbar-base-color:#ff99cc; scrollbar-shadow-color:#000000; scrollbar-darkshadow-color:#ff99cc; scrollbar-highlight-color:#ffd7eb; scrollbar-3dlight-color:black; scrollbar-arrow-color:#ff99cc; }--></style>

■#cfbdfd ■#ede6ff <style type="text/css"> <!--body{ scrollbar-base-color:#cfbdfd; scrollbar-shadow-color:#000000; scrollbar-darkshadow-color:#cfbdfd; scrollbar-highlight-color:#ede6ff; scrollbar-3dlight-color:black; scrollbar-arrow-color:black; }--></style>

<style type="text/css"> <!--body{ scrollbar-base-color:#cfbdfd; scrollbar-shadow-color:#000000; scrollbar-darkshadow-color:#cfbdfd; scrollbar-highlight-color:#ede6ff; scrollbar-3dlight-color:black; scrollbar-arrow-color:#cfbdfd; }--></style>

■#3d95ba ■#84bed7 <style type="text/css"> <!--body{ scrollbar-base-color:#3d95ba; scrollbar-shadow-color:#000000; scrollbar-darkshadow-color:#3d95ba; scrollbar-highlight-color:#84bed7; scrollbar-3dlight-color:black; scrollbar-arrow-color:black; }--></style>

<style type="text/css"> <!--body{ scrollbar-base-color:#3d95ba; scrollbar-shadow-color:#000000; scrollbar-darkshadow-color:#3d95ba; scrollbar-highlight-color:#84bed7; scrollbar-3dlight-color:black; scrollbar-arrow-color:#3d95ba; }--></style>

■#990000 ■#e10000 <style type="text/css"> <!--body{ scrollbar-base-color:#990000; scrollbar-shadow-color:#000000; scrollbar-darkshadow-color:#990000; scrollbar-highlight-color:#e10000; scrollbar-3dlight-color:black; scrollbar-arrow-color:black; }--></style>

<style type="text/css"> <!--body{ scrollbar-base-color:#990000; scrollbar-shadow-color:#000000; scrollbar-darkshadow-color:#990000; scrollbar-highlight-color:#e10000; scrollbar-3dlight-color:black; scrollbar-arrow-color:#990000; }--></style>

■#990064 ■#dd008f <style type="text/css"> <!--body{ scrollbar-base-color:#990064; scrollbar-shadow-color:#000000; scrollbar-darkshadow-color:#990064; scrollbar-highlight-color:#dd008f; scrollbar-3dlight-color:black; scrollbar-arrow-color:black; }--></style>

<style type="text/css"> <!--body{ scrollbar-base-color:#990064; scrollbar-shadow-color:#000000; scrollbar-darkshadow-color:#990064; scrollbar-highlight-color:#dd008f; scrollbar-3dlight-color:black; scrollbar-arrow-color:#990064; }--></style>

■#bb9511 ■#edc53a <style type="text/css"> <!--body{ scrollbar-base-color:#bb9511; scrollbar-shadow-color:#000000; scrollbar-darkshadow-color:#bb9511; scrollbar-highlight-color:#edc53a; scrollbar-3dlight-color:black; scrollbar-arrow-color:black; }--></style>

<style type="text/css"> <!--body{ scrollbar-base-color:#bb9511; scrollbar-shadow-color:#000000; scrollbar-darkshadow-color:#bb9511; scrollbar-highlight-color:#edc53a; scrollbar-3dlight-color:black; scrollbar-arrow-color:#bb9511; }--></style>

■#708776 ■#aebbb1 <style type="text/css"> <!--body{ scrollbar-base-color:#708776; scrollbar-shadow-color:#000000; scrollbar-darkshadow-color:#708776; scrollbar-highlight-color:#aebbb1; scrollbar-3dlight-color:black; scrollbar-arrow-color:black; }--></style>

<style type="text/css"> <!--body{ scrollbar-base-color:#708776; scrollbar-shadow-color:#000000; scrollbar-darkshadow-color:#708776; scrollbar-highlight-color:#aebbb1; scrollbar-3dlight-color:black; scrollbar-arrow-color:#708776; }--></style>

以下是漸層色系列:
<style type="text/css"> <!--body{ scrollbar-base-color:3番目の色; scrollbar-shadow-color:2番目の色; scrollbar-darkshadow-color:white; scrollbar-highlight-color:white; scrollbar-3dlight-color:white; scrollbar-arrow-color:1番目の色; }--></style>
■#ff4aa5 ■#ff99cc ■#ffd7eb
<style type="text/css"> <!--body{ scrollbar-base-color:#ffd7eb; scrollbar-shadow-color:#ff99cc; scrollbar-darkshadow-color:white; scrollbar-highlight-color:white; scrollbar-3dlight-color:white; scrollbar-arrow-color:#ff4aa5; }--></style>
■#66cbec ■#9bddf2 ■#c2ebf8
<style type="text/css"> <!--body{ scrollbar-base-color:#c2ebf8; scrollbar-shadow-color:#9bddf2; scrollbar-darkshadow-color:white; scrollbar-highlight-color:white; scrollbar-3dlight-color:white; scrollbar-arrow-color:#66cbec; }--></style>
■#b879d9 ■#d5b0e8 ■#e6cff1
<style type="text/css"> <!--body{ scrollbar-base-color:#e6cff1; scrollbar-shadow-color:#d5b0e8; scrollbar-darkshadow-color:white; scrollbar-highlight-color:white; scrollbar-3dlight-color:white; scrollbar-arrow-color:#b879d9; }--></style>
■#6ae8e8 ■#9bf0f0 ■#bef5f5
<style type="text/css"> <!--body{ scrollbar-base-color:#bef5f5; scrollbar-shadow-color:#9bf0f0; scrollbar-darkshadow-color:white; scrollbar-highlight-color:white; scrollbar-3dlight-color:white; scrollbar-arrow-color:#6ae8e8; }--></style>
■#88e366 ■#aeec97 ■#cdf3be
<style type="text/css"> <!--body{ scrollbar-base-color:#cdf3be; scrollbar-shadow-color:#aeec97; scrollbar-darkshadow-color:white; scrollbar-highlight-color:white; scrollbar-3dlight-color:white; scrollbar-arrow-color:#88e366; }--></style>
■#beb594 ■#d3cdb8 ■#e4e1d6
<style type="text/css"> <!--body{ scrollbar-base-color:#e4e1d6; scrollbar-shadow-color:#d3cdb8; scrollbar-darkshadow-color:white; scrollbar-highlight-color:white; scrollbar-3dlight-color:white; scrollbar-arrow-color:#beb594; }--></style>



[延伸閱讀]實用捲軸與法分析:
http://b39650118.pixnet.net/blog/post/25176550