CSS是網頁設計中不可缺少的一部分，可以用它來創建各種各樣的效果，其中一個常見的效果就是水平滾動。通過CSS的div屬性，我們可以很方便地實現水平滾動效果。

首先，我們需要在HTML文件中創建一個div標簽，并設置它的寬度和高度。接著，在CSS中為該div元素添加overflow-x屬性，將其值設置為scroll，表示該元素可以水平滾動。

<div class="scroll-horizontal">
<p>要滾動的內容</p>
<p>要滾動的內容</p>
<p>要滾動的內容</p>
<p>要滾動的內容</p>
<p>要滾動的內容</p>
</div>
.scroll-horizontal {
width: 500px;
height: 150px;
overflow-x: scroll;
}

在以上代碼中，我們給div元素添加了一個class名為“scroll-horizontal”，并在CSS中為該class添加屬性。在div元素中，我們添加了五個p標簽，用來展示要滾動的內容。

當頁面加載完成后，我們可以看到div元素的內容被放置在一個水平滾動條中。我們可以通過拖動滾動條或使用鼠標滾輪來滾動內容。

如果我們想要將滾動條隱藏，可以將overflow-x屬性的值設置為hidden。如果要創建一個自動滾動的效果，可以使用JavaScript代碼通過定期改變div元素的左邊距來實現。

總之，通過CSS的div屬性，我們可以很容易地為網頁添加水平滾動效果。