在HTML中，td和tr是表格元素，分別代表表格中的單元格和行，為了美化這些元素，我們可以使用CSS來(lái)設(shè)置它們的樣式，以下是一些常見(jiàn)的CSS樣式設(shè)置：

1、設(shè)置背景顏色：

```css

td, tr {

background-color: #f0f0f0;

}

```

2、設(shè)置邊框：

```css

td, tr {

border: 1px solid #000;

}

```

3、設(shè)置字體樣式：

```css

td, tr {

font-family: Arial, sans-serif;

font-size: 14px;

}

```

4、設(shè)置鼠標(biāo)懸停效果：

```css

tr:hover {

background-color: #e0e0e0;

}

```

5、合并單元格：

```css

td {

border-collapse: collapse; /* 合并邊框 */

}

```

6、垂直和水平居中：

```css

td, tr {

text-align: center; /* 水平居中 */

vertical-align: middle; /* 垂直居中 */

}

```

7、設(shè)置行高：

```css

tr {

height: 30px; /* 設(shè)置行高 */

}

```

8、設(shè)置單元格寬度：

```css

td {

width: 100px; /* 設(shè)置單元格寬度 */

}

```

9、設(shè)置表格寬度：

```css

table {

width: 100%; /* 設(shè)置表格寬度為100% */

}

```

10、響應(yīng)式設(shè)計(jì)：

```css

@media (max-width: 600px) {

table, td, th {

width: auto; /* 小屏幕下自動(dòng)調(diào)整寬度 */

}

}

```

這些樣式可以幫助你定制和設(shè)計(jì)表格的外觀，記得在實(shí)際應(yīng)用中根據(jù)你的需求進(jìn)行調(diào)整和優(yōu)化。