CSS表格是制作網頁布局中常用的元素，可以方便地展示數據。在表格中，文字的排版和位置也是非常重要的，特別是文字左上角的位置，可以讓表格更加清晰易讀。本文將介紹如何使用CSS控制表格中的文字左上角位置。

table{
border-collapse:collapse;
width:100%;
}
th, td{
text-align:left;
vertical-align:top;
border:1px solid black;
padding:5px;
}

以上是一個基本的CSS表格樣式，在表格中使用了常見的border、text-align和vertical-align屬性，其中text-align和vertical-align可以控制文字在單元格中的水平和垂直位置。接下來，我們將使用position屬性和::before偽元素來控制文字的位置。

td{
position:relative;
}
td::before{
content:'';
position:absolute;
left:0;
top:0;
width:0;
height:0;
border-top:1px solid black;
border-left:1px solid black;
padding:2px;
}

上面的代碼中，我們為每個數據單元格（td）添加了相對定位（position:relative;），然后使用::before偽元素添加了一個絕對定位的空元素，在這個元素上設置了左上角邊框和內邊距，模擬出了一個類似表頭的效果。這個空元素的content屬性設為空，是為了觸發絕對定位，讓元素顯示出來。

通過以上的代碼，我們就成功地控制了CSS表格中文字的左上角位置，讓表格更加美觀易讀。當然，還可以根據實際需要對樣式進行微調，如修改內邊距，調整邊框顏色和粗細等等。希望本文對大家有所幫助！