修改瀏覽器滾動條的最簡做法

我們首先看一下效果圖

如果你是需要上圖的效果，請果斷使用ctrl+c將下面的css代碼複製到你的頁面中

  <style>
    ::-webkit-scrollbar {
      width: 14px;
      height: 14px;
    }

    ::-webkit-scrollbar-track,
    ::-webkit-scrollbar-thumb {
      border-radius: 999px;
      border: 4px solid transparent;
    }

    ::-webkit-scrollbar-thumb {
      min-height: 20px;
      background-clip: content-box;
      box-shadow: 0 0 0 5px rgba(0, 0, 0, 0.2) inset;
    }

    ::-webkit-scrollbar-corner {
      background: transparent;
    }

  </style>

是不是感覺so easy~，對學號編程又充滿了信心？