第5关:表格的综合案例

<!DOCTYPE html>
<html>
 <head>
    <meta charset="UTF-8">
    <title>表格综合</title>
    <style type="text/css">
       th{background-color:#00ff33;}
       td{background-color:#00ffff;text-align:center}
       caption{font-family:黑体;font-size:30px;color:blue}
    </style>
 </head>
<!-- ********* Begin ********* -->
 <body background="https://www.educoder.net/api/attachments/1217848">
 <table border="2" width = "600" bordercolor = "#00ff00" cellpadding = "6" align="center">
    <caption>家庭账单</caption>
    <tr>
       <th rowspan="2" colspan="2">本周项目</th>
       <th colspan="2">费用明细</th>
       <th rowspan="2">备注</th>
    </tr>
   <tr>
      <th>收入</th>
      <th>支出</th>
   </tr>
   <tr>
      <th rowspan="3">收入</th>
      <th>工资</th>
      <td>10000</td>
      <td>0</td>
      <td></td>
   </tr>
   <tr>
      <th>兼职</th>
      <td>2000</td>
      <td>0</td>
      <td></td>
   </tr>
   <tr>
      <th>收入合计</th>
      <td>12000</td>
      <td>0</td>
      <td></td>
   </tr>
   <tr>
      <th rowspan="3">支出</th>
      <th>生活用品</th>
      <td>0</td>
      <td>4000</td>
      <td></td>
   </tr>
   <tr>
      <th>学杂费</th>
      <td>0</td>
      <td>3000</td>
      <td></td>
   </tr>
   <tr>
      <th>支出合计</th>
      <td>0</td>
      <td>7000</td>
      <td></td>
   </tr>
 </table>
 </body>
<!-- ********* End ********* -->
</html>

在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

梦森森

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值