css定义单元格

在CSS中定义单元格的方式有很多种，下面我们将介绍其中几种比较常见的方法。

一、使用table元素和td元素

最基本的定义单元格的方法就是使用table元素和td元素，代码如下：

<table>
  <tr>
    <td>单元格1</td>
    <td>单元格2</td>
  </tr>
  <tr>
    <td>单元格3</td>
    <td>单元格4</td>
  </tr>
</table>

二、使用CSS选择器

我们也可以使用CSS选择器，为单元格添加样式，代码如下：

td {
  border: 1px solid black;
}

上述代码中，我们给所有的td元素添加了一个边框。

三、使用CSS类

我们也可以为单元格定义一个类，然后将需要样式的单元格添加该类，代码如下：

.cell {
  background-color: red;
}

<table>
  <tr>
    <td class="cell">单元格1</td>
    <td>单元格2</td>
  </tr>
  <tr>
    <td>单元格3</td>
    <td class="cell">单元格4</td>
  </tr>
</table>

上述代码中，我们为单元格1和单元格4添加了一个名为“cell”的类，并且定义了该类的样式。