HTML 滚动容器 - 添加美观边框样式

<style>
    .scroll-container {
        border: 2px solid #ccc;
        border-radius: 5px;
        max-height: 200px;
        overflow-y: scroll;
    }
</style>
<div class='scroll-container'>
    <!-- 这里放置滚动内容 -->
</div>
<p>在上述代码中，我们创建了一个名为 'scroll-container' 的 CSS 类，为其添加了一个 2 像素宽的实线边框，边框颜色为 #ccc。通过 'border-radius' 属性，我们还将边框的角度设置为 5 像素，使其更加圆润。最后，我们通过设置 'max-height' 和 'overflow-y' 属性来限制容器的高度并添加滚动条。</p>
<p>您可以根据需要调整边框的样式、颜色和容器的大小。</p>