CSS（層疊樣式表）是前端開發中必不可少的一部分，而表格求和也是常用的功能之一。

在HTML中，我們可以使用table元素來創建表格結構，然后使用tbody、thead、tfoot、tr、td等標簽來定義表格的行、列、單元格等元素。如下所示：

<table>
<thead>
<tr>
<th>商品</th>
<th>單價</th>
<th>數量</th>
<th>小計</th>
</tr>
</thead>
<tbody>
<tr>
<td>筆記本電腦</td>
<td>4999</td>
<td>2</td>
<td>9998</td>
</tr>
<tr>
<td>手機</td>
<td>2999</td>
<td>3</td>
<td>8997</td>
</tr>
</tbody>
<tfoot>
<tr>
<td colspan="3">合計</td>
<td id="total"></td>
</tr>
</tfoot>
</table>

以上代碼定義了一張表格，包含了商品、單價、數量和小計四個列，以及兩行數據。其中tfoot部分定義了合計行，其中包含一個id為"total"的單元格，這個單元格需要使用CSS來完成求和操作。

對于一個簡單的表格，我們可以使用以下代碼來設置合計值：

#total {
font-weight: bold;
color: red;
}
tfoot tr {
font-size: 18px;
}
#total::before {
content: '合計：';
}
#total::after {
content: calc(4999*2 + 2999*3);
}

以上CSS代碼中，我們首先定義了id為"total"的單元格的樣式，設置了加粗和紅色。然后設置了tfoot部分的行元素的樣式，統一設置了字體大小。接著使用偽元素::before和::after分別在合計單元格前后插入了文字和計算表達式。在這個計算表達式中，我們使用了calc()函數來對表格數據進行求和，最終將結果插入了合計單元格中。

通過這些代碼的操作，我們就可以在頁面中完成表格求和的功能了。當然，對于更復雜的表格計算，我們可以使用JavaScript來實現更加精確的計算操作。