scroll bar แต่งhi5 แบบต่างๆ

 

สีชมพูอ่อน+ดำ

<style type="text/css">
html{
scrollbar-face-color: LightPink  ;
scrollbar-shadow-color: #FFB6C1;   
scrollbar-highlight-color: black;
scrollbar-3dlight-color: 999966;
scrollbar-darkshadow-color: LightPink ;
scrollbar-track-color: black;
scrollbar-arrow-color: #FFB6C1; 
}
</style>

สีม่วง+ดำ

<style type="text/css">
html{
scrollbar-face-color: DarkOrchid  ;
scrollbar-shadow-color: #9932CC;   
scrollbar-highlight-color: black;
scrollbar-3dlight-color: 999966;
scrollbar-darkshadow-color: DarkOrchid  ;
scrollbar-track-color: black;
scrollbar-arrow-color: #9932CC; 
}
</style>

สีเขียว+ดำ


<style type="text/css">
html{
scrollbar-face-color: Green2  ;
scrollbar-shadow-color: #00EE00;   
scrollbar-highlight-color: black;
scrollbar-3dlight-color: 999966;
scrollbar-darkshadow-color: Green2  ;
scrollbar-track-color: black;
scrollbar-arrow-color: #00EE00;
}
</style>

สีนำเงิน+ดำ


<style type="text/css">
html{
scrollbar-face-color: Blue1  ;
scrollbar-shadow-color: #4876FF;   
scrollbar-highlight-color: black;
scrollbar-3dlight-color: 999966;
scrollbar-darkshadow-color: Blue1 ;
scrollbar-track-color: black;
scrollbar-arrow-color: #4876FF; 
}
</style>

 

 

 

สี ดำ+เทา


<style type="text/css">
html{
scrollbar-face-color: Seashell4  ;
scrollbar-shadow-color: #8B8682;   
scrollbar-highlight-color: black;
scrollbar-3dlight-color: 999966;
scrollbar-darkshadow-color: Seashell4 ;
scrollbar-track-color: black;
scrollbar-arrow-color: #8B8682; 
}
</style>

 

 

สีน้ำตาล


<style type="text/css">
html{
scrollbar-face-color: SaddleBrown  ;
scrollbar-shadow-color: #8B4513;   
scrollbar-highlight-color: black;
scrollbar-3dlight-color: 999966;
scrollbar-darkshadow-color: SaddleBrown ;
scrollbar-track-color: black;
scrollbar-arrow-color: #8B4513; 
}
</style>

 

 

  

สีฟ้า

<style type="text/css">
html {
scrollbar-face-color: #DAE8F7;
scrollbar-highlight-color: #ffffff;
scrollbar-shadow-color: #ffffff;
scrollbar-3dlight-color: #5F9FE0;
scrollbar-arrow-color: #5F9FE0;
scrollbar-track-color: #ffffff;
scrollbar-darkshadow-color: #5F9FE0;
}
</style>

 

 

 

สีฟ้า กับ สีครีม

<style type="text/css">
html {
scrollbar-face-color: #DAE8F7;
scrollbar-highlight-color: #F4A460;
scrollbar-shadow-color: #F4A460;
scrollbar-3dlight-color: #5F9FE0;
scrollbar-arrow-color: #5F9FE0;
scrollbar-track-color: #F4A460;
scrollbar-darkshadow-color: #5F9FE0;
}
</style>

 

 

 

สีแดง+ดำ

<style type="text/css">
html {
scrollbar-face-color: Red ;
scrollbar-shadow-color: #FF0000;   
scrollbar-highlight-color: Red ;
scrollbar-3dlight-color: 999966;
scrollbar-darkshadow-color: Red ;
scrollbar-track-color: black;
scrollbar-arrow-color: #FF0000; 
}
</style>

 

 

 

ชมพู+ดำ  จัดไป


<style type="text/css">
html {
scrollbar-face-color: DeepPink ;
scrollbar-shadow-color: #FF1493;   
scrollbar-highlight-color: DeepPink;
scrollbar-3dlight-color: 999966;
scrollbar-darkshadow-color:DeepPink ;
scrollbar-track-color: black;
scrollbar-arrow-color: #FF1493; 
}
</style>

 

 

  

ชมพูเข้ม+ดำ


<style type="text/css">
html {
scrollbar-face-color: DeepPink ;
scrollbar-shadow-color: #FF1493;   
scrollbar-highlight-color: DeepPink;
scrollbar-3dlight-color: 999966;
scrollbar-darkshadow-color:DeepPink ;
scrollbar-track-color: black;
scrollbar-arrow-color: #FF1493; 
}
</style>

 

 

 

ชมพูอ่อน+น้ำตาล

<style type="text/css">
html {
scrollbar-face-color: DeepPink ;
scrollbar-shadow-color: #FF1493;   
scrollbar-highlight-color: DeepPink;
scrollbar-3dlight-color: #8B4513;
scrollbar-darkshadow-color:DeepPink ;
scrollbar-track-color: SaddleBrown;
scrollbar-arrow-color: #FF1493; 
}
</style>

 

 

 

ฟ้า+ขาว

<style type="text/css">
html {
scrollbar-face-color: DeepSkyBlue1 ;
scrollbar-shadow-color: #00BFFF;   
scrollbar-highlight-color: DeepSkyBlue1 ;
scrollbar-3dlight-color: #FFFFFF;
scrollbar-darkshadow-color:DeepSkyBlue1 ;
scrollbar-track-color: White;
scrollbar-arrow-color: #00BFFF; 
}
</style>