在HTML中，我們經(jīng)常需要用到滾動條來顯示長內(nèi)容。下面是一個簡單的HTML滾動條代碼示例：

<div style="height:150px; width:300px; overflow:auto;">
<p>這是一段長長的文本，需要用滾動條來顯示。</p>
<p>這是一段長長的文本，需要用滾動條來顯示。</p>
<p>這是一段長長的文本，需要用滾動條來顯示。</p>
<p>這是一段長長的文本，需要用滾動條來顯示。</p>
<p>這是一段長長的文本，需要用滾動條來顯示。</p>
</div>

在上面的代碼中，我們首先用 <div> 標(biāo)簽來創(chuàng)建一個有指定高度和寬度的盒子，并且使用overflow:auto屬性告訴瀏覽器在內(nèi)容超出盒子高度時添加滾動條。

接著，在盒子內(nèi)部我們用 <p> 標(biāo)簽來創(chuàng)建多個段落文字，這些段落超出了盒子的高度，所以瀏覽器會自動添加滾動條，讓我們能夠滾動顯示整個內(nèi)容。使用滾動條，用戶可以輕松地控制頁面上的內(nèi)容。通過改變上面代碼中的文本和樣式屬性，我們可以輕松地定制我們的滾動條。