スクロールバータグ - クラッシック

scroll bar tag classic

30種類のスクロールバーでホームページをカスタマイズ！コピー＆ペーストでカンタンに使えるタグ素材集です。スクロールバーご利用の際は、必ずリンクをお願いします。
ホームページ作成の『チョッ』としたアクセントに、スクロールバーを使ってみてはいかがでしょうか？

スクロールバータグ - 30種類

スクロールバータグ - 設置の方法

コピー＆ペーストで簡単に使用できます！
<head>から</head>の間に入れてください。

<style type="text/css"><!-- html, body { scrollbar-track-color: black; scrollbar-face-color: deeppink; scrollbar-shadow-color: white; scrollbar-darkshadow-color: black; scrollbar-highlight-color: white; scrollbar-3dlight-color: black; scrollbar-arrow-color: white; } --></style>	<style type="text/css"><!-- html, body { scrollbar-track-color: black; scrollbar-face-color: lightcoral; scrollbar-shadow-color: white; scrollbar-darkshadow-color: black; scrollbar-highlight-color: white; scrollbar-3dlight-color: black; scrollbar-arrow-color: white; } --></style>	<style type="text/css"><!-- html, body { scrollbar-track-color: black; scrollbar-face-color: maroon; scrollbar-shadow-color: white; scrollbar-darkshadow-color: black; scrollbar-highlight-color: white; scrollbar-3dlight-color: black; scrollbar-arrow-color: white; } --></style>
<style type="text/css"><!-- html, body { scrollbar-track-color: black; scrollbar-face-color: deepskyblue; scrollbar-shadow-color: white; scrollbar-darkshadow-color: black; scrollbar-highlight-color: white; scrollbar-3dlight-color: black; scrollbar-arrow-color: white; } --></style>	<style type="text/css"><!-- html, body { scrollbar-track-color: black; scrollbar-face-color: darkblue; scrollbar-shadow-color: white; scrollbar-darkshadow-color: black; scrollbar-highlight-color: white; scrollbar-3dlight-color: black; scrollbar-arrow-color: white; } --></style>	<style type="text/css"><!-- html, body { scrollbar-track-color: black; scrollbar-face-color: red; scrollbar-shadow-color: white; scrollbar-darkshadow-color: black; scrollbar-highlight-color: white; scrollbar-3dlight-color: black; scrollbar-arrow-color: white; } --></style>
<style type="text/css"><!-- html, body { scrollbar-track-color: black; scrollbar-face-color: gold; scrollbar-shadow-color: white; scrollbar-darkshadow-color: black; scrollbar-highlight-color: white; scrollbar-3dlight-color: black; scrollbar-arrow-color: white; } --></style>	<style type="text/css"><!-- html, body { scrollbar-track-color: black; scrollbar-face-color: darkorange; scrollbar-shadow-color: white; scrollbar-darkshadow-color: black; scrollbar-highlight-color: white; scrollbar-3dlight-color: black; scrollbar-arrow-color: white; } --></style>	<style type="text/css"><!-- html, body { scrollbar-track-color: black; scrollbar-face-color: orangered; scrollbar-shadow-color: white; scrollbar-darkshadow-color: black; scrollbar-highlight-color: white; scrollbar-3dlight-color: black; scrollbar-arrow-color: white; } --></style>
<style type="text/css"><!-- html, body { scrollbar-track-color: black; scrollbar-face-color: peru; scrollbar-shadow-color: white; scrollbar-darkshadow-color: black; scrollbar-highlight-color: white; scrollbar-3dlight-color: black; scrollbar-arrow-color: white; } --></style>	<style type="text/css"><!-- html, body { scrollbar-track-color: black; scrollbar-face-color: chocolate; scrollbar-shadow-color: white; scrollbar-darkshadow-color: black; scrollbar-highlight-color: white; scrollbar-3dlight-color: black; scrollbar-arrow-color: white; } --></style>	<style type="text/css"><!-- html, body { scrollbar-track-color: black; scrollbar-face-color: saddlebrown; scrollbar-shadow-color: white; scrollbar-darkshadow-color: black; scrollbar-highlight-color: white; scrollbar-3dlight-color: black; scrollbar-arrow-color: white; } --></style>
<style type="text/css"><!-- html, body { scrollbar-track-color: black; scrollbar-face-color: palegreen; scrollbar-shadow-color: white; scrollbar-darkshadow-color: black; scrollbar-highlight-color: white; scrollbar-3dlight-color: black; scrollbar-arrow-color: white; } --></style>	<style type="text/css"><!-- html, body { scrollbar-track-color: black; scrollbar-face-color: limegreen; scrollbar-shadow-color: white; scrollbar-darkshadow-color: black; scrollbar-highlight-color: white; scrollbar-3dlight-color: black; scrollbar-arrow-color: white; } --></style>	<style type="text/css"><!-- html, body { scrollbar-track-color: black; scrollbar-face-color: olivedrab; scrollbar-shadow-color: white; scrollbar-darkshadow-color: black; scrollbar-highlight-color: white; scrollbar-3dlight-color: black; scrollbar-arrow-color: white; } --></style>
<style type="text/css"><!-- html, body { scrollbar-track-color: black; scrollbar-face-color: skyblue; scrollbar-shadow-color: white; scrollbar-darkshadow-color: black; scrollbar-highlight-color: white; scrollbar-3dlight-color: black; scrollbar-arrow-color: white; } --></style>	<style type="text/css"><!-- html, body { scrollbar-track-color: black; scrollbar-face-color: dodgerblue; scrollbar-shadow-color: white; scrollbar-darkshadow-color: black; scrollbar-highlight-color: white; scrollbar-3dlight-color: black; scrollbar-arrow-color: white; } --></style>	<style type="text/css"><!-- html, body { scrollbar-track-color: black; scrollbar-face-color: navy; scrollbar-shadow-color: white; scrollbar-darkshadow-color: black; scrollbar-highlight-color: white; scrollbar-3dlight-color: black; scrollbar-arrow-color: white; } --></style>
<style type="text/css"><!-- html, body { scrollbar-track-color: black; scrollbar-face-color: lightcyan; scrollbar-shadow-color: white; scrollbar-darkshadow-color: black; scrollbar-highlight-color: white; scrollbar-3dlight-color: black; scrollbar-arrow-color: white; } --></style>	<style type="text/css"><!-- html, body { scrollbar-track-color: black; scrollbar-face-color: skyblue; scrollbar-shadow-color: white; scrollbar-darkshadow-color: black; scrollbar-highlight-color: white; scrollbar-3dlight-color: black; scrollbar-arrow-color: white; } --></style>	<style type="text/css"><!-- html, body { scrollbar-track-color: black; scrollbar-face-color: cornflowerblue; scrollbar-shadow-color: white; scrollbar-darkshadow-color: black; scrollbar-highlight-color: white; scrollbar-3dlight-color: black; scrollbar-arrow-color: white; } --></style>
<style type="text/css"><!-- html, body { scrollbar-track-color: black; scrollbar-face-color: violet; scrollbar-shadow-color: white; scrollbar-darkshadow-color: black; scrollbar-highlight-color: white; scrollbar-3dlight-color: black; scrollbar-arrow-color: white; } --></style>	<style type="text/css"><!-- html, body { scrollbar-track-color: black; scrollbar-face-color: mediumorchid; scrollbar-shadow-color: white; scrollbar-darkshadow-color: black; scrollbar-highlight-color: white; scrollbar-3dlight-color: black; scrollbar-arrow-color: white; } --></style>	<style type="text/css"><!-- html, body { scrollbar-track-color: black; scrollbar-face-color: purple; scrollbar-shadow-color: white; scrollbar-darkshadow-color: black; scrollbar-highlight-color: white; scrollbar-3dlight-color: black; scrollbar-arrow-color: white; } --></style>
<style type="text/css"><!-- html, body { scrollbar-track-color: black; scrollbar-face-color: navajowhite; scrollbar-shadow-color: white; scrollbar-darkshadow-color: black; scrollbar-highlight-color: white; scrollbar-3dlight-color: black; scrollbar-arrow-color: white; } --></style>	<style type="text/css"><!-- html, body { scrollbar-track-color: black; scrollbar-face-color: burlywood; scrollbar-shadow-color: white; scrollbar-darkshadow-color: black; scrollbar-highlight-color: white; scrollbar-3dlight-color: black; scrollbar-arrow-color: white; } --></style>	<style type="text/css"><!-- html, body { scrollbar-track-color: black; scrollbar-face-color: khaki; scrollbar-shadow-color: white; scrollbar-darkshadow-color: black; scrollbar-highlight-color: white; scrollbar-3dlight-color: black; scrollbar-arrow-color: white; } --></style>
<style type="text/css"><!-- html, body { scrollbar-track-color: black; scrollbar-face-color: gainsboro; scrollbar-shadow-color: white; scrollbar-darkshadow-color: black; scrollbar-highlight-color: white; scrollbar-3dlight-color: black; scrollbar-arrow-color: white; } --></style>	<style type="text/css"><!-- html, body { scrollbar-track-color: black; scrollbar-face-color: dimgray; scrollbar-shadow-color: white; scrollbar-darkshadow-color: black; scrollbar-highlight-color: white; scrollbar-3dlight-color: black; scrollbar-arrow-color: white; } --></style>	<style type="text/css"><!-- html, body { scrollbar-track-color: black; scrollbar-face-color: white; scrollbar-shadow-color: white; scrollbar-darkshadow-color: black; scrollbar-highlight-color: white; scrollbar-3dlight-color: black; scrollbar-arrow-color: black; } --></style>