在網站制作中，為了美觀和易讀性，我們經常需要將一些表格文字放在表格的上面。那么，在CSS中如何實現呢？

table {
border-collapse: collapse;
width: 100%;
text-align: center;
font-size: 16px;
}
th {
background-color: #f5f5f5;
font-weight: bold;
padding: 10px;
border: 1px solid #ddd;
}
td {
padding: 10px;
border: 1px solid #ddd;
}
td span {
position: relative;
display: block;
}
td span:before {
content: "";
display: block;
height: 30px;
margin-top: -30px;
}

以上是實現表格文字放在上面的基本CSS代碼。其中，我們在每個標簽內使用了標簽，通過設置position: relative;使得標簽能夠靠近其下面的文字。

接著，我們使用了偽元素:before來生成一個空的塊級元素，這個元素的高度我們設置為30px，也就是表格文字的高度（以實際情況而定）。然后，通過設置margin-top為負數，使得這個偽元素能夠覆蓋住表格文字的下面部分，從而實現表格文字被放到上面的效果。

最后，我們在CSS中設置好表格的樣式和基本屬性，就可以愉快地使用了。