在HTML中，<td>元素用于表示表格中的單元格，而CSS（級聯(lián)樣式表）用于控制這些元素的樣式，包括寬度，要控制<td>元素的寬度，可以使用CSS的width屬性。
控制<td>寬度的CSS方法
1、內(nèi)聯(lián)樣式：直接在HTML元素中應(yīng)用樣式。
```html
<td style="width: 200px;">內(nèi)容</td>
```
2、內(nèi)部樣式表：在HTML文檔的<head>部分定義樣式規(guī)則。
```html
<head>
<style>
td {
width: 200px;
}
</style>
</head>
```
3、外部樣式表：創(chuàng)建一個單獨的CSS文件，并在HTML文檔中引用。
```html
<head>
<link rel="stylesheet" href="styles.css">
</head>
```
然后在styles.css文件中定義樣式規(guī)則：
```css
td {
width: 200px;
}
```
響應(yīng)式寬度設(shè)計
如果你希望<td>元素的寬度能夠響應(yīng)式地調(diào)整，可以使用CSS的百分比寬度或max-width屬性。
td {
width: 50%; /* 寬度為容器寬度的50% */
max-width: 200px; /* ***大寬度為200像素，如果容器寬度小于200像素，則寬度自適應(yīng) */
}示例代碼
下面是一個簡單的HTML表格示例，展示了如何應(yīng)用CSS來控制<td>元素的寬度：
<!DOCTYPE html>
<html>
<head>
<style>
td {
width: 200px; /* 設(shè)置單元格寬度為200像素 */
border: 1px solid black; /* 添加邊框以便更清晰地看到寬度 */
}
</style>
</head>
<body>
<table>
<tr>
<td>內(nèi)容1</td>
<td>內(nèi)容2</td>
</tr>
<tr>
<td>內(nèi)容3</td>
<td>內(nèi)容4</td>
</tr>
</table>
</body>
</html>在這個示例中，每個<td>元素的寬度都被設(shè)置為200像素，并且添加了邊框以便更清晰地看到寬度，如果你希望寬度能夠響應(yīng)式地調(diào)整，可以根據(jù)需要調(diào)整width屬性的值或添加max-width屬性。
