CSS是網頁設計必不可少的技術之一，它可以幫助我們實現各種炫酷的效果。其中，給DIV做上滾動條也是一種常用的技巧，讓長內容可以在有限的空間內進行展示。

具體實現步驟如下：

//HTML代碼
<div class="scroll">
<p>這里是很長的內容，需要滾動條進行展示。</p>
</div>
//CSS樣式
.scroll{
width: 300px;
height: 200px;
overflow: auto; //自動生成滾動條
}

上述代碼中，我們使用了CSS的overflow屬性來實現滾動條。具體地說，通過設置overflow為auto，當內容超出DIV的高度或寬度時，會自動生成滾動條。

另外，我們還可以對滾動條進行自定義樣式，例如修改滾動條顏色、寬度等等。下面是一份基本的代碼：

//CSS樣式
.scroll::-webkit-scrollbar { /* Chrome、Safari、Opera內核 */
width: 8px;
height: 8px;
background-color: #F5F5F5;
}
.scroll::-webkit-scrollbar-thumb { /*滾動條滑塊*/
border-radius: 10px;
background-color: #CACACA;
}
.scroll::-webkit-scrollbar-thumb:hover { /*鼠標懸停在滾動條上的效果*/
background-color: #999999;
}

上述代碼中，我們使用了::-webkit-scrollbar來選擇滾動條，然后對其滑塊進行了樣式定制。

綜上所述，CSS給DIV做上滾動條是一種簡單實用的技巧。無論是長內容還是展示效果，都能夠得到很好的保障。在今后的網頁設計中，大家也可以嘗試使用這一技巧來增加頁面的可讀性。