CSS是網頁中很重要的一部分，通過CSS可以實現各種樣式效果，比如實現div水平對齊。

div {
display: flex;
justify-content: center;
align-items: center;
}

上述代碼中，我們使用了flex布局，將div水平居中對齊。其中display: flex;表示將div設置為flex布局，justify-content: center;表示在水平方向上居中對齊，align-items: center;表示在垂直方向上居中對齊。

div {
display: table;
margin: 0 auto;
}

除了使用flex布局來實現外，我們也可以使用table布局來實現。通過display: table;將div設置為表格布局，通過margin: 0 auto;來實現水平對齊。

通過上述兩種方式，我們都可以輕松實現div水平對齊的效果。