CSS 背景色填充中間區域是網頁設計中常見的一種設計方式。下面我們來看一些實現該效果的方法。

首先，我們可以使用 CSS 線性漸變來實現背景色填充。代碼如下：
background-image: linear-gradient(to bottom, #008080, #00ff00);
其中，to bottom 表示從頂部開始，#008080 是背景起始顏色，#00ff00 是背景結束顏色。通過這個方法，我們可以實現從上到下的漸變色填充。
其次，我們可以使用 CSS 邊框和背景來實現填充效果。代碼如下：
background-color: #008080;
border-top: 50px solid #00ff00;
border-bottom: 50px solid #00ff00;
其中，background-color 表示背景色，border-top 和 border-bottom 分別表示頂部和底部填充效果。50px 表示邊框的寬度，#00ff00 表示填充色。
最后，我們也可以使用偽元素 ::before 和 ::after 來實現效果。代碼如下：
.content {
position: relative;
background-color: #008080;
}
.content::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 50%;
height: 100%;
background-color: #00ff00;
}
.content::after {
content: "";
position: absolute;
top: 0;
right: 0;
width: 50%;
height: 100%;
background-color: #00ff00;
}
其中，content 表示元素的內容，position 表示元素的定位方式，top 和 left 表示元素的上下和左右位置，width 和 height 表示元素的寬度和高度，background-color 表示元素的背景色。

以上是 CSS 背景色填充中間區域的三種方法，通過學習并靈活運用，可以讓我們的網頁效果更加美觀。