效果图:
css代码:
//table样式.home_table{width: 90%;border-collapse: separate;border-spacing: 20px 10px;margin-left: -20px;//y轴滚动条样式开始display: block;height: 195px;overflow-y: scroll;//y轴滚动条样式结束}//自定义滚动条样式开始::-webkit-scrollbar {width:5px; /*滚动条宽度*/height:18px; /*滚动条高度*/}/*定义滚动条轨道 内阴影+圆角*/::-webkit-scrollbar-track {box-shadow: 0px 1px 3px #071e4a inset; /*滚动条的背景区域的内阴影*/border-radius: 10px; /*滚动条的背景区域的圆角*/background-color: #071e4a; /*滚动条的背景颜色*/}/*定义滑块 内阴影+圆角*/::-webkit-scrollbar-thumb {box-shadow: 0px 1px 3px #00a0e9 inset; /*滚动条的内阴影*/border-radius: 10px; /*滚动条的圆角*/background-color: #00a0e9; /*滚动条的背景颜色*/}//自定义滚动条样式结束