CSS（層疊樣式表）是一種用于網頁設計的標記語言。它可以為網頁添加顏色、字體、布局等視覺效果。在CSS中，表格是一種常用的HTML元素。下面我們來看看CSS如何應用在兩個表格上。

/* 第一個表格 */
table {
border-collapse: collapse;
width: 100%;
max-width: 700px;
margin: 0 auto;
}
td, th {
border: 1px solid #ddd;
padding: 8px;
}
th {
background-color: #f5f5f5;
}
/* 第二個表格 */
table {
border-collapse: collapse;
margin: 0 auto;
}
tr:nth-child(even) {
background-color: #f2f2f2;
}
tr:hover {
background-color: #ddd;
}
td, th {
border: 1px solid #ddd;
padding: 8px;
}

上面的代碼分別應用在兩個表格上。第一個表格設置了表格的樣式，包括邊框、內邊距、寬度等等。第二個表格則在每行的偶數行添加了背景顏色，并在鼠標懸停時添加了高亮顏色。

通過CSS，我們可以為表格添加一些視覺效果，讓網頁看起來更加美觀。同時，CSS還可以讓我們實現一些響應式布局，使網站在不同屏幕尺寸下都有良好的顯示效果。