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日

悬赏问题

  • ¥100 set_link_state
  • ¥15 虚幻5 UE美术毛发渲染
  • ¥15 CVRP 图论 物流运输优化
  • ¥15 Tableau online 嵌入ppt失败
  • ¥100 支付宝网页转账系统不识别账号
  • ¥15 基于单片机的靶位控制系统
  • ¥15 真我手机蓝牙传输进度消息被关闭了，怎么打开？(关键词-消息通知)
  • ¥15 装 pytorch 的时候出了好多问题，遇到这种情况怎么处理？
  • ¥20 IOS游览器某宝手机网页版自动立即购买JavaScript脚本
  • ¥15 手机接入宽带网线，如何释放宽带全部速度