CSS表格數據上下移動，一般是通過設置表格元素的position和top屬性實現的。具體來說，我們可以將表格容器的position屬性設置為relative，然后通過設置表格元素的top屬性控制其相對于容器頂部的偏移量，從而實現數據上下移動的效果。下面是一個示例代碼：

<style>
.table-container {
position: relative;
}
table {
position: absolute;
top: 0;
left: 0;
}
</style>
<div class="table-container">
<table>
<tr>
<th>姓名</th>
<th>年齡</th>
<th>性別</th>
</tr>
<tr>
<td>張三</td>
<td>22</td>
<td>男</td>
</tr>
<tr>
<td>李四</td>
<td>25</td>
<td>女</td>
</tr>
</table>
</div>

在這個例子里，我們使用了一個表格容器div，將其position屬性設置為relative。然后，我們將表格元素table的位置設置為absolute，并設置其top屬性為0，讓它在容器的頂部。此時，表格元素與容器頂部齊平。接著，我們可以在JavaScript代碼中控制表格元素的top屬性值，從而讓表格數據上下移動。
總之，CSS是一種非常強大的技術，可以幫助我們實現各種華麗的效果和交互。在實際開發中，我們需要合理運用CSS，結合JavaScript和HTML，創造出更加美觀、實用、易用的界面和功能。