html用ul写表格

虽然 HTML 中有专门的 `<table>` 标签用于创建表格，但是你可以使用无序列表 `<ul>` 标签来模拟表格。具体做法如下：

1. 使用 `<ul>` 标签作为表格的容器。
2. 使用 `<li>` 标签作为表格的行。
3. 在每个 `<li>` 标签中使用 `<span>` 或其他标签作为单元格。
4. 使用 CSS 来设置单元格的样式，比如设置单元格的宽度、边框等。

以下是一个例子：

<ul class="table">
  <li>
    <span>姓名</span>
    <span>年龄</span>
    <span>性别</span>
  </li>
  <li>
    <span>张三</span>
    <span>18</span>
    <span>男</span>
  </li>
  <li>
    <span>李四</span>
    <span>20</span>
    <span>女</span>
  </li>
  <li>
    <span>王五</span>
    <span>22</span>
    <span>男</span>
  </li>
</ul>

<style>
  .table {
    list-style: none;
    margin: 0;
    padding: 0;
  }
  .table li {
    display: flex;
    justify-content: space-between;
    padding: 5px 10px;
    border-bottom: 1px solid #ccc;
  }
  .table li:first-child {
    font-weight: bold;
  }
  .table span {
    width: 33.33%;
    text-align: center;
  }
</style>

上述代码中，我们使用了 `<ul>` 标签作为表格的容器，使用了 `<li>` 标签作为表格的行，并在每个 `<li>` 标签中使用了 `<span>` 标签作为单元格。然后，使用 CSS 来设置单元格的样式。

请注意，这种方法虽然可以模拟表格，但是不如使用 `<table>` 标签方便和语义化。因此，在实际开发中，应该优先考虑使用 `<table>` 标签来创建表格。