CSS是網(wǎng)頁設(shè)計(jì)中不可缺少的一部分，可以用它來創(chuàng)建各種各樣的效果，其中一個(gè)常見的效果就是水平滾動(dòng)。通過CSS的div屬性，我們可以很方便地實(shí)現(xiàn)水平滾動(dòng)效果。

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

<div class="scroll-horizontal">
<p>要滾動(dòng)的內(nèi)容</p>
<p>要滾動(dòng)的內(nèi)容</p>
<p>要滾動(dòng)的內(nèi)容</p>
<p>要滾動(dòng)的內(nèi)容</p>
<p>要滾動(dòng)的內(nèi)容</p>
</div>
.scroll-horizontal {
width: 500px;
height: 150px;
overflow-x: scroll;
}

在以上代碼中，我們給div元素添加了一個(gè)class名為“scroll-horizontal”，并在CSS中為該class添加屬性。在div元素中，我們添加了五個(gè)p標(biāo)簽，用來展示要滾動(dòng)的內(nèi)容。

當(dāng)頁面加載完成后，我們可以看到div元素的內(nèi)容被放置在一個(gè)水平滾動(dòng)條中。我們可以通過拖動(dòng)滾動(dòng)條或使用鼠標(biāo)滾輪來滾動(dòng)內(nèi)容。

如果我們想要將滾動(dòng)條隱藏，可以將overflow-x屬性的值設(shè)置為hidden。如果要?jiǎng)?chuàng)建一個(gè)自動(dòng)滾動(dòng)的效果，可以使用JavaScript代碼通過定期改變div元素的左邊距來實(shí)現(xiàn)。

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