### 自定義滾動條的樣式
~~~
/*頁面上的滾動條樣式*/
::-webkit-scrollbar{
width: 1rem; // 這個是定義Y軸方向上滾動條的寬度的
height: 1.2rem; // 這個是定義X軸方向上滾動條的寬度的
background-color: rgb(41,54,64);
}
/*定義滾動條軌道 內陰影+圓角*/
::-webkit-scrollbar-track{
-webkit-box-shadow: inset 0 0 0 #666;
border-radius: 0.7rem;
background-color: white;
}
/*定義滑塊 內陰影+圓角*/
::-webkit-scrollbar-thumb{
border-radius: 0.7rem;
-webkit-box-shadow: inset 0 0 0 rgba(0,0,0,0);
background-color: gray;
}
~~~
