CSS表格是網頁設計中常用的元素，它可以讓信息更加清晰有序。但是，如果表格中沒有內容，線條將會非常明顯，會讓人感到很突兀，影響頁面的美觀度。因此，我們需要掌握一種技巧，即只有當表格中有內容時才加上線條。

table {
border-collapse: collapse;
}
table td, table th {
border: none;
}
table td:not(:empty), table th:not(:empty) {
border: 1px solid black;
}

以上是實現這個技巧的代碼。首先，我們將表格的邊框合并起來，這樣當表格中沒有內容時，整個表格看起來就像一個空的方框。然后，我們給表格單元格的線條設置為“無”，這樣即使表格中有單元格沒有內容，也不會顯示出線條。最后，我們使用:not(:empty)選擇器，即當單元格不為空時，才添加線條。

下面是一個示例表格，你可以嘗試在單元格中加入或刪除文本，看看線條是如何出現或消失的：

總之，通過以上代碼的實現，我們可以讓表格在內容為空時，不顯示線條，從而提高了頁面的美觀度。