PHP 学习第三天20/03/25 内容 表格table

表格

  table

table:表格

属性:

(1)边框:border

(2)宽度:width

(3)高度:height

(4)背景颜色:bgcolor

属性:2、tr:行

1)背景颜色:bgcolor

属性:3、td:列、单元格

(1)背景颜色:bgcolor

(2)水平(横着)合并:colspan

(3)垂直(竖着)合并:rowspan

 

表格事例↓↓↓↓↓↓↓↓↓↓↓

<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta name="Generator" content="EditPlus®">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <title>Document</title>
 </head>
 <body>
<!--  <table border="2px" cellspacing="0px" cellpadding="0px">  -->

  <table border="2"  cellspacing="0px" width="600" height="200" bgcolor="#c9ecce">
     <tr bgcolor="#003399">
        <td> </td>
        <td align="center">销量数量</td>
        <td align="center">市场占有率</td>
        <td align="center">销量数量</td>
        <td align="center">市场占有率</td>

    </tr>

     <tr bgcolor="#fffbca">
        <td>Nokia</td>
        <td align="right">44237.5</td>
        <td align="right">28.9</td>
        <td align="right">39479.2</td>
        <td align="right">34.6</td>

    </tr>
     <tr bgcolor="#fffbca">
        <td>Motorola</td>
        <td align="right">25111.0</td>
        <td rowspan="2" align="right">16.4</td>
        <td align="right">16704.1</td>
        <td align="right">14.7</td>

    </tr>
     <tr bgcolor="#fffbca">
        <td>文字1</td>
        <td align="right">19062.5</td>
        
        <td align="right">12303.1</td>
        <td align="right">10.8</td>

    </tr>
     <tr bgcolor="#fffbca">
        <td>文字1</td>
        <td align="right">12285.9</td>
        <td align="right">8.0</td>
        <td align="right">8684.6</td>
        <td align="right">7.6</td>

    </tr>
     <tr bgcolor="#fffbca">
        <td>文字1</td>
        <td align="right">8488.6</td>
        <td align="right">5.6</td>
        <td align="right">5384.8</td>
        <td align="right">4.7</td>

    </tr>
     <tr bgcolor="#fffbca">
        <td>文字1</td>
        <td align="right">8109.9</td>
        <td align="right">5.3</td>
        <td align="right">5571.1</td>
        <td align="right">4.9</td>

    </tr>
     <tr bgcolor="#fffbca">
        <td>文字1</td>
        <td align="right">35708.5</td>
        <td align="right">23.3</td>
        <td align="right">25900.3</td>
        <td align="right">22.7</td>

    </tr>
     <tr bgcolor="#0166ff">
        <td align="center">合计</td>
        <td colspan="4" align="center">153004.0</td>
    

    </tr>
 </body>
</html>

 

posted @ 2020-03-30 18:53  TPA-无语  阅读(130)  评论(0)    收藏  举报