添加滾動條CSS的步驟如下：

1、在CSS樣式表中添加一個新的樣式規(guī)則，這個規(guī)則將用于定義滾動條的外觀和位置。

2、在新的樣式規(guī)則中，使用overflow屬性來設(shè)置元素的溢出行為，這個屬性可以設(shè)置為scroll，表示元素可以滾動。

3、使用position屬性來設(shè)置元素的定位方式，這個屬性可以設(shè)置為relative或absolute，表示元素相對于其包含塊或屏幕的位置。

4、使用height和width屬性來設(shè)置元素的高度和寬度，這些屬性將決定滾動條的大小和位置。

5、在樣式規(guī)則中添加其他必要的樣式屬性，如border、background-color等，以自定義滾動條的外觀。

以下是一個簡單的樣式規(guī)則，用于添加滾動條到文本區(qū)域：

.scroll-container {
  overflow: scroll;
  position: relative;
  height: 200px;
  width: 300px;
  border: 1px solid #000;
  background-color: #fff;
}

在這個樣式規(guī)則中，.scroll-container類應(yīng)用于需要添加滾動條的元素上，該元素將具有一個可滾動的區(qū)域，并且滾動條將出現(xiàn)在元素的右下角，您可以根據(jù)自己的需求自定義樣式規(guī)則中的其他屬性。