在網(wǎng)頁(yè)設(shè)計(jì)過(guò)程中，滾動(dòng)條的顏色對(duì)于頁(yè)面美觀度的提升具有重要的作用。而要設(shè)置滾動(dòng)條顏色，則需要運(yùn)用CSS技術(shù)。下文將為大家介紹如何通過(guò)CSS設(shè)置滾動(dòng)條顏色。 首先，需要在CSS中定義滾動(dòng)條的樣式，包括顏色、寬度、形狀等屬性?？梢允褂靡韵麓a：
CSS:
::-webkit-scrollbar {
width: 6px;
height: 6px;
background-color: #CDF5F6;
}
::-webkit-scrollbar-thumb {
background-color: green;
border-radius: 5px;
}
.main{
width: 300px;
height: 100px;
overflow: scroll;
border: 1px solid #ccc;
margin: 50px auto;
padding: 15px;
border-radius: 5px;
}HTML:
<div class="main"> <p> 中非關(guān)系不是一天就發(fā)展起來(lái)的，更不是什么人賜予的，而是我們雙方風(fēng)雨同舟、患難與共，一步一個(gè)腳印走出來(lái)的?！痹谔股Ｄ醽喣崂谞枃?guó)際會(huì)議中心的演講中，習(xí)近平主席語(yǔ)氣堅(jiān)定，“中國(guó)為非洲發(fā)展提供了力所能及的幫助，中國(guó)更感謝非洲國(guó)家和非洲人民長(zhǎng)期以來(lái)給予中國(guó)的大力支持和無(wú)私幫助，我們?cè)谑玛P(guān)對(duì)方核心利益的問(wèn)題上，從來(lái)都是立場(chǎng)鮮明、毫不含糊地支持對(duì)方 </p> <p> 10年來(lái)，多次訪(fǎng)非，出席并主持中非合作論壇約翰內(nèi)斯堡峰會(huì)、北京峰會(huì)，出席中非合作論壇第八屆部長(zhǎng)級(jí)會(huì)議開(kāi)幕式并發(fā)表主旨演講，倡議舉辦中非團(tuán)結(jié)抗疫特別峰會(huì)……習(xí)近平主席親自擘畫(huà)、親力親為，為中非關(guān)系發(fā)展標(biāo)注新的歷史坐標(biāo) </p> </div>
效果如下：
