css td有内容的元素

在网页设计中，我们经常会用到表格来展示数据或布局。表格由行和列组成，而每个单元格都是由 <td> 元素定义的。

不仅如此，<td> 元素中可以包含任何其他HTML元素，也就是说，它可以用来创建含有内容的元素。比如，一个表格单元格可以包含一张图片或链接。

  <table>
    <tr>
      <td>这是一个含有链接的单元格：<a href="http://www.example.com">example.com</a></td>
      <td>这是一个图片单元格：<img src="example.jpg" alt="example"></td>
    </tr>
    <tr>
      <td>这是一个含有文本的单元格：<p>这是一个测试文本</p></td>
      <td>这是一个含有列表的单元格：
        <ul>
          <li>列表项1</li>
          <li>列表项2</li>
          <li>列表项3</li>
        </ul>
      </td>
    </tr>
  </table>

通过在 <td> 标签中嵌套其他HTML元素，我们可以实现更复杂的表格布局和内容展示方式，让网页变得更加生动有趣。