css 单元格样式
在 HTML 表格中，你可以使用 CSS 样式来设置单元格的样式。以下是一些常见的用法：
1. 设置单元格边框：
  ```css
  td {
      border: 1px solid #ddd; /* 设置边框为1像素实线，颜为灰 */
  }
  ```
2. 设置单元格内边距：
  ```css
  td {
      padding: 10px; /* 设置内边距为10像素 */
  }
  ```
3. 设置单元格文本对齐：
  ```css
  td {
      text-align: center; /* 设置文本居中对齐 */
  }
  ```
4. 设置单元格背景颜：
  ```css
  td {
      background-color: #f2f2f2; /* 设置背景颜为淡灰 */
  }
  ```
5. 设置字体颜和样式：
  ```css
  td {
      color: #333; /* 设置字体颜为深灰 */
      font-weight: bold; /* 设置字体加粗 */
      font-style: italic; /* 设置斜体 */
  }
  ```
6. 设置鼠标悬停效果：
  ```css
  td:hover {
html设置字体颜属性      background-color: #ddd; /* 鼠标悬停时背景颜变为灰 */
  }
  ```
7. 设置单元格宽度：
  ```css
  td {
      width: 100px; /* 设置单元格宽度为100像素 */
  }
  ```
8. 设置单元格高度：
  ```css
  td {
      height: 50px; /* 设置单元格高度为50像素 */
  }
  ```
这些只是一些基本的样式设置，你可以根据需要组合使用这些样式，或者添加其他样式属性来定制单元格的外观。通常，为了更好地控制表格样式，你可能需要使用类名或其他选择器来选择特定的单元格或单元格组合。