CSS中有一種很實用的技巧，可以通過設(shè)置偽元素的位置和屬性，使得在鼠標(biāo)放在某個td單元格上時，出現(xiàn)一個氣泡顯示單元格中的內(nèi)容。這樣能夠提高頁面的交互性和美觀性。

/* CSS代碼 */
td:hover:before {
content: attr(title);
display: block;
position: absolute;
background-color: #ffcc66;
border: 1px solid #999;
padding: 10px;
font-size: 14px;
font-weight: bold;
border-radius: 4px;
margin-top: -22px;
margin-left: -30px;
z-index: 1;
}

以上代碼中，設(shè)置了當(dāng)鼠標(biāo)放在td單元格上時，偽元素:before的content屬性會顯示單元格的title屬性值，屬性值為氣泡要顯示的內(nèi)容。同時，將偽元素設(shè)為display:block屬性，使它可以顯示在單元格的上層。

通過定位屬性position:absolute將偽元素定位在單元格的左上方，并設(shè)置需要的樣式如背景顏色、邊框、邊距等。其中，z-index屬性用來控制偽元素的層數(shù)，確保它可以顯示在其他元素之上。

通過這種技巧，我們可以方便地實現(xiàn)一個氣泡效果，讓頁面更加美觀和易用。