X x

スクロールバー・その他小技




scrollbar-face-color:青い部分の色;
scrollbar-highlight-color:紫の部分の色;
scrollbar-shadow-color:緑の部分の色;
scrollbar-3dlight-color:橙の部分の色;
scrollbar-arrow-color:黄色い部分の色;
scrollbar-track-color:白い部分の色;
scrollbar-darkshadow-color:赤い部分の色;

<div style="width:200px; height:200px; overflow:auto; scrollbar-face-color:hotpink; scrollbar-highlight-color:black; scrollbar-shadow-color:black; scrollbar-3dlight-color:hotpink; scrollbar-arrow-color:black; scrollbar-track-color:hotpink; scrollbar-darkshadow-color:hotpink;">文字</div>


どうでしょうか?
スクバの色の設定は難しいけれど、そのうち慣れてくると思いますv
























テキストエリアにフィルタをかけることもできます
背景・文字・スクバに同じ効果が反映されますので注意してください
ここには半透明のフィルタのみ載せておきます
それ以外ってあまり使わないので…。

filter:alpha(opacity=透明度);

透明度は0~100で指定します
単位は%で、0に近づくほど透明になります

これは透明度を50%にしました
ご覧のとおりスクバ・背景・文字すべてにフィルターがかかります


















次回最終回! 歯


© Rakuten Group, Inc.
X
Design a Mobile Website
スマートフォン版を閲覧 | PC版を閲覧
Share by: