CSS 可以控制頁面上各個元素的樣式，如字體、顏色、布局等。其中，使用并列 div 元素可以使頁面布局更加靈活。在這篇文章中，我們將介紹如何使用 CSS 控制并列 div 元素的樣式。

<div class="container">
<div class="left">
<p>這是左側內容</p>
</div>
<div class="right">
<p>這是右側內容</p>
</div>
</div>

上面的代碼中，我們使用了 container、left 和 right 三個 class 名稱。container 表示最外層的容器，left 和 right 表示兩個并列的 div 元素。

接下來，我們可以使用 CSS 選擇器來控制這三個元素的樣式。

.container {
display: flex;
justify-content: center;
}
.left, .right {
width: 50%;
height: 100px;
border: 1px solid #ccc;
}
.left {
background-color: #f1f1f1;
}
.right {
background-color: #e2e2e2;
}

在上面的代碼中，我們使用了 flex 布局來使 container 中的元素居中對齊。左右兩個元素的寬度都是 50%，高度是 100px，邊框是 1px 灰色。 left 元素的背景顏色是淡灰色，right 元素的背景顏色是淺灰色。

通過這些 CSS 樣式的設置，我們可以制作出各種不同的并列 div 布局效果。