CSS是一種使網頁美觀的前端技術，而其中常用的技巧就包括盒子遮擋。在Web開發中，可能會出現在文字或者圖片上覆蓋另一層內容的情況，這時候就需要用到盒子遮擋的技巧。

盒子遮擋就是把一個盒子和另一個盒子重疊在一起，這樣后面的盒子就會被前面的盒子所遮擋住。我們可以使用CSS來實現盒子的遮擋效果，例如：

.box1 {
width: 200px;
height: 200px;
background-color: red;
position: absolute;
}
.box2 {
width: 150px;
height: 150px;
background-color: blue;
position: absolute;
top: 50px;
left: 50px;
}

在上面的代碼中，我們定義了兩個盒子，box1和box2。box1是一個寬度和高度都為200px，背景色為紅色的盒子；box2是一個寬度和高度都為150px，背景色為藍色的盒子，位置設定在box1的中心。

現在，我們想讓box2遮擋住box1的一部分，就可以給box2的位置設置為相對于box1的位置。即top和left為50px，就是相對于box1的top和left值。

代碼執行后，box2就遮擋住了box1的一部分，顯示為藍色。這就是盒子遮擋的一個基礎應用。

總結來說，盒子遮擋是一種常見的前端技巧，通過CSS的position屬性和top、left、bottom、right值的設置，我們可以輕松實現網頁盒子的覆蓋效果。