在網頁設計中，表格是一種非常重要的元素。表格樣式的設計需要使用 CSS 樣式表。在設計表格的時候，有時會需要讓多個表格并排顯示，這時就需要使用 CSS 樣式表格并排的技術。

首先，需要在 HTML 文件中創建兩個表格。代碼如下：

<table>
<tr>
<th>標題1</th>
<th>標題2</th>
</tr>
<tr>
<td>內容1</td>
<td>內容2</td>
</tr>
</table>
<table>
<tr>
<th>標題3</th>
<th>標題4</th>
</tr>
<tr>
<td>內容3</td>
<td>內容4</td>
</tr>
</table>

代碼中創建了兩個表格，分別有兩行兩列和兩行兩列的內容。

接下來，在 CSS 樣式表中使用 display 屬性將兩個表格并排顯示。代碼如下：

table{
border-collapse: collapse;
}
table td, table th{
border: 1px solid black;
padding: 10px;
}
table:first-child{
float: left;
width: 50%;
margin-right: 2%;
}
table:last-child{
float: left;
width: 50%;
}

代碼中將兩個表格的 float 屬性設置為 left，表示讓兩個表格左浮動。同時，將第一個表格的寬度設置為50%，右邊留出2%的空白，讓兩個表格之間有一定的間距。

最后的效果如下圖所示：


通過以上示例，可以輕松地實現 CSS 樣式表格并排的效果，讓網頁看起來更加美觀。