ホームページ > 記事 > ウェブフロントエンド > CSS によるスクロール スタイルの変更例の共有
CSSでスクロールスタイルを変更する方法の例を共有
/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/ ::-webkit-scrollbar { width: 16px; height: 16px; background-color: #F5F5F5; } /*定义滚动条轨道 内阴影+圆角*/ ::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); border-radius: 10px; background-color: #F5F5F5; } /*定义滑块 内阴影+圆角*/ ::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); background-color: #555; }
以上がCSS によるスクロール スタイルの変更例の共有の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。