スクロールバータグ - ブロック

scroll bar tag block

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

スクロールバータグ - ブロック（30種類）

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

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

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