css建立一个简单的设备登记表

设备登记表是办公室和工厂中经常使用的表格之一。利用CSS可以快速地创建一个简单而美观的设备登记表。

首先，需要创建一个HTML表格。在表格中，需要包括设备名称、设备编号、购买日期、使用部门等列。例如：

  <table>
    <tr>
      <th>设备名称</th>
      <th>设备编号</th>
      <th>购买日期</th>
      <th>使用部门</th>
    </tr>
    <tr>
      <td>笔记本电脑</td>
      <td>001</td>
      <td>2021-01-01</td>
      <td>IT部</td>
    </tr>
    <tr>
      <td>打印机</td>
      <td>002</td>
      <td>2021-01-02</td>
      <td>行政部</td>
    </tr>
  </table>

接下来，使用CSS为表格添加样式。可以为表格添加边框、颜色、背景色等等。例如，为表格添加灰色背景和蓝色边框：

  <style>
    table {
      border-collapse: collapse;
      background-color: #f1f1f1;
      border: 2px solid blue;
    }
    th,td {
      border: 1px solid blue;
      padding: 8px;
      text-align: left;
    }
    th {
      background-color: #d3d3d3;
    }
  </style>

这样，就可以创建一个美观的设备登记表了。看起来像这样：

设备名称	设备编号	购买日期	使用部门
笔记本电脑	001	2021-01-01	IT部
打印机	002	2021-01-02	行政部