如果覺得還有點(diǎn)用，請您給我一個贊！您的贊是我堅(jiān)持下去的動力

• 滾動條樣式

設(shè)置id為box的dom滾動條樣式，要求在內(nèi)容超出的時候顯示滾動條，內(nèi)容不超出的時候隱藏滾動條

CSS樣式設(shè)置如下:

#box{
  overflow-y:auto;//如果需要一直顯示則改為scroll
}

#box::-webkit-scrollbar-track /*滾動條軌道的樣式*/
{
  width: 42px;
  background-color: #F5F5F5;
}

#box::-webkit-scrollbar /*滾動條軌道的樣式*/
{
  width: 12px;
  background-color: #F5F5F5;
}

#box::-webkit-scrollbar-thumb /*滾動條當(dāng)前焦點(diǎn)塊的樣式*/
{
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
  background-color: green;
}

• 線性漸變色

/*
重復(fù)圓形漸變
*/
#box{ 
  background:-webkit-repeating-radial-gradient(#ace, #ace 5px, #f96 5px, #f96 10px);
}
/*
重復(fù)線形漸變
top 是從上到下、left 是從左到右，
*/
#box{
  -webkit-background-size: 50px 50px;
  background-color: #0ae;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(.5, rgba(255, 255, 255, .2)), color-stop(.5, transparent), to(transparent));
}