CSS a占滿td

CSS是一種用于布局和樣式網頁的技術。在CSS中，可以使用屬性和選擇器來定義網頁中的樣式和布局。其中，使用屬性`background-color`和選擇器`td`可以定義單元格的背景顏色和邊框樣式。

假設我們有一個表格，其中每一行都有多個單元格，我們需要將這些單元格的背景顏色和邊框都占滿整個表格。可以使用CSS的`background-color`屬性和選擇器`td`來實現。

首先，使用`background-color`屬性將整個表格的背景顏色設置為一個顏色。例如：

```css

background-color: #f00; /* 黃色 */

這將定義所有單元格的背景顏色為黃色。

接下來，使用選擇器`td`來指定單元格的樣式。在這個例子中，我們將整個表格的邊框樣式設置為一個顏色，并將它們占滿整個表格：

```css

border-right: 10px solid #f00; /* 10px 黃色 */

這將定義所有單元格的邊框樣式為黃色，并且將整個表格的邊框占滿。

現在，我們可以將這個樣式應用到我們的表格中，以使所有單元格的背景顏色和邊框都占滿整個表格。在HTML中，我們可以這樣寫：

```html

<table>

<tr>

<td>單元格1</td>

<td>單元格2</td>

<td>單元格3</td>

</tr>

<tr>

<td>單元格4</td>

<td>單元格5</td>

<td>單元格6</td>

</tr>

</table>

在這個例子中，我們使用了相同的CSS樣式，但將`border-right`屬性的值設置為10px，以使單元格的邊框寬度占滿整個表格。

總之，通過使用CSS的`background-color`和選擇器`td`，我們可以將單元格的背景顏色和邊框都占滿整個表格。