CSS中有一種非常實用的技巧，就是設置無內容元素的背景，這樣可以方便地實現各種樣式效果。比如可以用來制作按鈕、分割線、陰影等等。

那么如何實現無內容不顯示背景呢？這里我們可以利用CSS的偽元素來實現。具體的示例代碼如下：

/* 設置按鈕的背景色和圓角效果 */
.btn {
display: inline-block;
padding: 10px 20px;
color: #fff;
background-color: #f00;
border-radius: 5px;
position: relative; /* 設置相對定位，以便使用偽元素 */
}
/* 設置按鈕的懸停效果 */
.btn:hover {
background-color: #00f;
}
/* 利用偽元素實現無內容不顯示背景 */
.btn::before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
background-color: inherit;
border-radius: inherit;
}

解析一下上面的代碼：

首先，我們設置了一個.btn類，用來表示按鈕元素。在該類中，設置了按鈕的基本樣式，包括了padding、背景色、圓角等。同時，為了使用偽元素，我們還設置了該元素的定位，使用了相對定位。

接著，我們設置了一個:hover偽類，表示鼠標懸停時的效果，這里我們將背景色改為了藍色。

最后，我們使用了:before偽元素，它表示該元素的前一個元素，也就是按鈕的背景。我們設置了該元素的content為空，這樣它就不會顯示任何內容，然后使用了絕對定位，將該元素覆蓋在按鈕上面，利用z-index將它置于下層。在它的樣式中，我們將背景色設置為inherit，表示跟隨按鈕的背景色，這樣一來，按鈕的背景色就可以顯示在無內容區域中了。

這樣一來，我們就實現了無內容不顯示背景的效果。在實際應用中，我們可以根據需要，改變偽元素的屬性，來實現各種樣式效果。