添加CSS可以使網頁更具樣式和可讀性。以下是一些基本的CSS樣式添加步驟：

1. 打開HTML文檔，創建一個包含div元素的文檔。

2. 使用<style>標簽來定義CSS樣式。

```

<style>

.box {

width: 200px;

height: 200px;

background-color: red;

margin: 10px auto;

}

</style>

```

在上面的代碼中，我們定義了一個名為“box”的div元素，其樣式包括寬度、高度、背景顏色、邊框樣式和居中對齊。

3. 將CSS樣式應用到div元素中。

```

.box {

width: 200px;

height: 200px;

background-color: red;

margin: 10px auto;

```

將CSS樣式中的“.box”替換為div元素的名稱，并將“margin: 10px auto;”添加到元素中，以使元素居中對齊。

4. 保存HTML文檔并訪問它。

```

<div class="box"></div>

```

現在，您可以看到您定義的div元素已經具有了所需的樣式。

以上是添加CSS的基本步驟。當然，CSS樣式還可以更復雜，如更改顏色、字體、大小、位置等。您可以根據需要深入學習CSS樣式的更多特性。