成都网站制作中国互联,wordpress 查件,批量注册域名,店铺装修设计公司今天在搭前端页面的时候#xff0c;UI给过来的一个自定义的滚动条#xff0c;要求必须与设计的一样#xff0c;觉得有点有趣#xff0c;现在记录一下。 效果图#xff1a; 具体代码是这样的#xff1a;
/*字体太长#xff0c;这里我就减少一些*/
div classl…今天在搭前端页面的时候UI给过来的一个自定义的滚动条要求必须与设计的一样觉得有点有趣现在记录一下。 效果图 具体代码是这样的
/*字体太长这里我就减少一些*/
div classlss-testh2人生如茶/h2p人生如茶。刚泡上的头道茶沸水一沏茶香四溢犹如人生初年刚入尘世味淡而清香二三道茶犹如人生进入青壮年拼搏进取充满坎坷其味浓烈醇厚茶至数道味淡而涩甜犹如老年俗念淡化回归自然。
人生如下棋。人的一生都在同命运下棋不是你操纵命运便是命运操纵你战胜命运要有耐心要有信心你必须竭尽全力给自己创造机会。也许你的命运之棋步步皆输你也无须悲观坚持着走下去哪怕只剩一门炮你仍有机会打它的闷宫。人生如旅行。
人生如一次长长的旅行旅行中有坦途也有弯路你得以平静的心态面对每一天挑战自我执着向前一如既往地朝着目的地走下去。当你到达终点站顾却来径时才发现人生的旅途有喜有忧有笑有泪甚至得少失多而这一切已构成了你生命旅程的全部。人生是一本书。
人生是一本难写的书你就是再富有情感也难以料想未来的墨迹留于何处。可你不写不行于是你的每一天都是一篇文章而且体裁各异一页页的云彩或淡或浓蓦然将你的生命包围铸成了你的生活。聪明者会在每一页写出不朽的诗文怠惰者却把太好的青春账簿涂抹一通一无所获。一页页重复365次你便迎来了一个个难忘的历程不必强求别人的赏识最重要的是写下无憾的人生。
人生可用尺量。这把尺在人们自己心中心静则尺平心明则尺准。这把尺度量着人生的轨迹和一言一行。请记住量人时不要失之过严量己时不要疏于过宽。“责人之心责己恕己之心恕人。”持平这把尺子必有堂堂正正的人生。人生如茶。刚泡上的头道茶沸水一沏茶香四溢犹如人生初年刚入尘世味淡而清香二三道茶犹如人生进入青壮年拼搏进取充满坎坷其味浓烈醇厚茶至数道味淡而涩甜犹如老年俗念淡化回归自然。
人生如下棋。人的一生都在同命运下棋不是你操纵命运便是命运操纵你战胜命运要有耐心要有信心你必须竭尽全力给自己创造机会。也许你的命运之棋步步皆输你也无须悲观坚持着走下去哪怕只剩一门炮你仍有机会打它的闷宫。人生如旅行。/p
/div/*css*/
.lss-test h2{font-size: 20px;
}
.lss-test p{margin-top: 18px;color: #333;font-size: 12px;
}
.lss-test{height: 395px;overflow-y:auto;
}
/*定义滚动条高及背景颜色*/
.lss-test::-webkit-scrollbar
{ width: 10px; background-color: #fff;
}
/*定义滚动条轨道 内阴影,圆角*/
.lss-test::-webkit-scrollbar-track
{ border-radius: 6px; background-color:#7d7d7d;background: url(../img/滚动条2.gif) no-repeat; background-position: center center;/*设置背景图像的起始位置居中*/
}
/*定义滑块 内阴影圆角*/
.lss-test::-webkit-scrollbar-thumb {border-radius: 10px;background: url(../img/滚动条.gif) no-repeat;background-size:100% 100%;
}一个有趣的滚动条就这样完成了。
