m0_62060445 2023-02-21 09:06 采纳率: 12.5%
浏览 53
已结题

请问这种表格怎么用HTML,CSS实现

img


请问这种表格怎么用HTML,CSS实现？基础三列表格上面两行均分两列，还请大家们指点。

  • 写回答

1条回答 默认 最新

  • 球球和皮皮 2023-02-21 10:36
    关注

    img

    <html>
<style>
    table {
        border-collapse: collapse;
          width: 270px;
    }
    td, th {
        border: 1px solid #ccc;
        padding: 8px;
        text-align: center;
          width: 90px;
    }
    th {
        background-color: #dfeff8;
        color: #1d78c5;
    }
</style>

<div>
<table>
  <tr>
    <th style="width: 50%">姓名</th>
    <td style="width: 50%">张三</td>
  </tr>
  <tr>
    <th style="border-bottom: none">部门</th>
    <td style="border-bottom: none">信息部</td>
  </tr>
</table>
<table>
  <tr>
    <th>本次消费</th>
    <th>本月消费</th>
    <th>余额</th>
  </tr>
  <tr>
    <td>10</td>
    <td>230</td>
    <td>700</td>
  </tr>
</table>
</div>
</html>
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题？

问题事件

  • 系统已结题 3月1日
  • 已采纳回答 2月21日
  • 创建了问题 2月21日

悬赏问题

  • ¥15 winform的chart曲线生成时有凸起
  • ¥15 msix packaging tool打包问题
  • ¥15 finalshell节点的搭建代码和那个端口代码教程
  • ¥15 用hfss做微带贴片阵列天线的时候分析设置有问题
  • ¥15 Centos / PETSc / PETGEM
  • ¥15 centos7.9 IPv6端口telnet和端口监控问题
  • ¥120 计算机网络的新校区组网设计
  • ¥20 完全没有学习过GAN，看了CSDN的一篇文章，里面有代码但是完全不知道如何操作
  • ¥15 使用ue5插件narrative时如何切换关卡也保存叙事任务记录
  • ¥20 海浪数据 南海地区海况数据，波浪数据