.scroll-container {
width: 500px;
height: 150px;
border: 1px solid #ddd;
padding: 15px;
overflow: auto; /*必須*/
}
.scroll-container::-webkit-scrollbar {
width: 8px;
background: white;
}
.scroll-container::-webkit-scrollbar-corner,
/* 滾動(dòng)條角落 */
.scroll-container::-webkit-scrollbar-thumb,
.scroll-container::-webkit-scrollbar-track { /*滾動(dòng)條的軌道*/
border-radius: 4px;
}
.scroll-container::-webkit-scrollbar-corner,
.scroll-container::-webkit-scrollbar-track {
/* 滾動(dòng)條軌道 */
background-color: rgba(180, 160, 120, 0.1);
box-shadow: inset 0 0 1px rgba(180, 160, 120, 0.5);
}
.scroll-container::-webkit-scrollbar-thumb {
/* 滾動(dòng)條手柄 */
background-color: #00adb5;
}
<p class="scroll-container">
庭院深深疟游,不知有多深?楊柳依依抑党,飛揚(yáng)起片片煙霧,一重重簾幕不知有多少層。豪華的車馬停在貴族公子尋歡作樂的地方叮称,她登樓向遠(yuǎn)處望去酣藻,卻看不見那通向章臺的大路舒萎。春已至暮程储,三月的雨伴隨著狂風(fēng)大作,再是重門將黃昏景色掩閉臂寝,也無法留住春意章鲤。淚眼汪汪問落花可知道我的心意,落花默默不語咆贬,紛亂的败徊,零零落落一點(diǎn)一點(diǎn)飛到秋千外。庭院深深掏缎,不知有多深皱蹦?楊柳依依,飛揚(yáng)起片片煙霧御毅,一重重簾幕不知有多少層根欧。豪華的車馬停在貴族公子尋歡作樂的地方,她登樓向遠(yuǎn)處望去端蛆,卻看不見那通向章臺的大路。春已至暮酥泛,三月的雨伴隨著狂風(fēng)大作今豆,再是重門將黃昏景色掩閉嫌拣,也無法留住春意。淚眼汪汪問落花可知道我的心意呆躲,落花默默不語异逐,紛亂的,零零落落一點(diǎn)一點(diǎn)飛到秋千外插掂。庭院深深灰瞻,不知有多深?楊柳依依辅甥,飛揚(yáng)起片片煙霧酝润,一重重簾幕不知有多少層。豪華的車馬停在貴族公子尋歡作樂的地方璃弄,她登樓向遠(yuǎn)處望去要销,卻看不見那通向章臺的大路。春已至暮夏块,三月的雨伴隨著狂風(fēng)大作疏咐,再是重門將黃昏景色掩閉,也無法留住春意脐供。淚眼汪汪問落花可知道我的心意浑塞,落花默默不語,紛亂的政己,零零落落一點(diǎn)一點(diǎn)飛到秋千外缩举。庭院深深,不知有多深匹颤?楊柳依依仅孩,飛揚(yáng)起片片煙霧,一重重簾幕不知有多少層印蓖。豪華的車馬停在貴族公子尋歡作樂的地方辽慕,她登樓向遠(yuǎn)處望去,卻看不見那通向章臺的大路赦肃。春已至暮溅蛉,三月的雨伴隨著狂風(fēng)大作,再是重門將黃昏景色掩閉他宛,也無法留住春意船侧。淚眼汪汪問落花可知道我的心意,落花默默不語厅各,紛亂的镜撩,零零落落一點(diǎn)一點(diǎn)飛到秋千外。
</p>
image.png