Demo1:五色表格

最新推荐文章于 2020-12-29 06:05:12 发布

ljl_web

最新推荐文章于 2020-12-29 06:05:12 发布

阅读量525

点赞数 1

分类专栏： HTML入门 Demo 文章标签： table应用

本文链接：https://blog.csdn.net/ljl_web/article/details/50682931

版权

HTML入门同时被 2 个专栏收录

15 篇文章 0 订阅

订阅专栏

Demo

13 篇文章 0 订阅

订阅专栏

五色表格的实现

效果要求

这里写图片描述

代码实现

01.      <!DOCTYPE HTML>
02.      <html>
03.      <head>
04.          <meta http-equiv="Content-Type" content="text/html;   
           charset=utf-8" />
05.          <title>table</title>
06.      </head>
07.      <body>
08.          <table width="200" height="200" border="1">
09.              <tr>
10.                  <td colspan="2" style="background:#ffcc66;"></td>
11.                  <td rowspan="2" style="background:#66ccff;"></td>
12.              </tr>
13.              <tr>
14.                  <td rowspan="2" style="background:#99ff33;"></td>
15.                  <td style="background:#cc0033;"></td>
16.              </tr>
17.              <tr>
18.                  <td colspan="2" style="background:#0066ff;"></td>
19.              </tr>
20.          </table>
21.      </body>
22.      </html>