在CSS中，圖層（Layer）是指網頁上不同的元素在視覺上分層顯示的順序。CSS中的框盒子（Box）就是一種圖層。而通過使用div元素和CSS屬性，我們可以輕松地填充和調整這些圖層。

/* 給div添加樣式 */
div {
width: 300px;
height: 200px;
background-color: red;
}
/* 在div中添加另一個div */
div div {
width: 200px;
height: 100px;
background-color: blue;
margin: 50px;
}

通過上面的代碼，我們可以看到一個紅色的div內部包含一個藍色的div，兩個div呈現出不同的圖層，并根據margin屬性調整它們之間的距離。

除了使用div元素，我們還可以使用CSS偽類（pseudo-class）來創建新的圖層。例如，我們可以在鼠標懸停在一個元素上時，添加一層半透明的顏色。

/* 給div添加樣式 */
div {
width: 300px;
height: 200px;
background-color: red;
}
/* 添加:hover偽類 */
div:hover::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(255, 255, 255, 0.5);
}

上面的代碼添加了:hover偽類以及::before偽元素。當鼠標懸停在一個div上時，會顯示一個半透明的白色圖層，但不會影響原有的div樣式。

總的來說，通過使用div元素、CSS屬性和偽類，我們可以輕松地調整和控制圖層之間的填充、透明度和位置。合理使用這些技術，可以實現更加豐富的Web頁面效果。