在網頁布局中，表格是常見的一種元素。使用CSS樣式表可以實現表格的自適應布局，使其在不同分辨率下呈現出良好的效果。

/*CSS表格自適應布局代碼*/
table {
width: 100%;
border-collapse: collapse;
border-spacing: 0;
}
th, td {
text-align: center;
padding: 10px;
border-bottom: 1px solid #ddd;
}
th {
background-color: #f2f2f2;
}
@media screen and (max-width: 600px) {
/*在小屏幕下，表格的寬度變為100%，新增行高和單元格間距的樣式*/
table {
width: 100%;
}
tr {
display: block;
border: 1px solid #ddd;
margin-bottom: .5em;
}
td {
display: block;
text-align: right;
font-size: 13px;
border-bottom: 1px solid #ddd;
position: relative;
padding-left: 50%;
}
td:before {
content: attr(data-label);
position: absolute;
left: 0;
width: 50%;
padding-left: 10px;
font-size: 13px;
font-weight: bold;
text-align: left;
}
td:last-child {
border-bottom: 0;
}
}

如上代碼中，我們通過設置表格的寬度為100%、使用border-collapse和border-spacing屬性消除表格邊框，使用text-align和padding屬性設置單元格內文字的對齊方式和間距，使用background-color屬性設置表頭的背景色。

同時，我們將在@media查詢中新增對小分辨率下表格的適配樣式。在小屏幕下，我們將表格寬度改為100%并讓表格行以塊級元素的形式顯示，并給其添加一個底部邊框和一定的外邊距。我們將單元格寬度設置為50%，左浮動，設置單元格內文字的對齊方式、大小、字重和位置，使其能夠呈現在單元格內部。這樣，即使在小屏幕下，表格也能夠呈現出良好的效果。