• Table样式1


      1<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
      2<html xmlns="http://www.w3.org/1999/xhtml">
      3<head>
      4<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
      5<title>ޱĵ</title>
      6<style type="text/css">
      7<!--
      8body{background-color:#D5DFE9;}
      9.table1 table{border-spacing:1px; border:1px solid #A2C0DA;}
     10.table1 td, th{padding:2px 5px;border-collapse:collapse;text-align:left; font-weight:normal;}
     11.table1 thead tr th{background:#B0D1FC;border:1px solid white;}
     12.table1 thead tr th.line1{background:#D3E5FD;}
     13.table1 thead tr th.line4{background:#C6C6C6;}
     14.table1 tbody tr td{height:50px;background:#CBE2FB;border:1px solid white; vertical-align:top;}
     15.table1 tbody tr td.line4{background:#D5D6D8;}
     16.table1 tbody tr th{height:50px;background: #DFEDFF;border:1px solid white; vertical-align:top;}
     17.table1 caption,tfoot{display:none;}
     18-->
     19</style>
     20</head>
     21
     22<body>
     23<table width="590" cellspacing="1" class="table1">
     24    <caption>
     25        text
     26    </caption>
     27    <thead>
     28      <tr>
     29        <th class="line1" scope="col">text</th>
     30        <th scope="col">text</th>
     31        <th scope="col">text</th>
     32        <th class="line4" scope="col">More</th>
     33      </tr>
     34  </thead>
     35    <tbody>
     36  <tr>
     37    <th height="78">text text text text</th>
     38    <td>text text text text</td>
     39    <td>text text text</td>
     40    <td class="line4"> </td>
     41  </tr>
     42    </tbody>
     43    <tfoot>
     44      <tr>
     45        <th></th>
     46        <td></td>
     47                <td></td>
     48                <td></td>
     49      </tr>
     50  </tfoot>
     51</table>
     52
     53
     54    <table cellspacing="1" cellpadding="1" border="0" class="table1">
     55        <tbody>
     56            <tr>
     57
     58                
     59                <th colspan="2" >
     60                    <div align="center">
     61                        <strong>采用传统采购</strong>
     62                    </div>
     63                </th>
     64                <th>
     65                    <div align="center" >
     66                        <strong>采用</strong><strong>IACmall</strong><strong>采购</strong>
     67                    </div>
     68                </th>
     69                                
     70            </tr>
     71            <tr>
     72                <td valign="top">
     73                    <div align="left">
     74                        <strong>被骗</strong>
     75                    </div>
     76                </td>
     77                <td valign="top">
     78                    <div align="left">
     79                        采购货款被骗
     80                    </div>
     81                </td>
     82                <td valign="top">
     83                    <div align="left">
     84                        中外合资,全国有办事处,无需担心资金被骗
     85                    </div>
     86                </td>
     87            </tr>
     88            <tr>
     89                <td valign="top">
     90                    <div align="left">
     91                        <strong>假货</strong>
     92                    </div>
     93                </td>
     94                <td valign="top">
     95                    <div align="left">
     96                        货款采购是假货
     97                    </div>
     98                </td>
     99                <td valign="top">
    100                    <div align="left">
    101                        正规代理,厂家联保,诚信经营,无需担心质量
    102                    </div>
    103                </td>
    104            </tr>
    105            <tr>
    106                <td valign="top">
    107                    <div align="left">
    108                        <strong>回扣</strong>
    109                    </div>
    110                </td>
    111                <td valign="top">
    112                    <div align="left">
    113                        采购人员收取回扣
    114                    </div>
    115                </td>
    116                <td valign="top">
    117                    <div align="left">
    118                        统计明码实价,给会员合理积分
    119                    </div>
    120                </td>
    121            </tr>
    122            <tr>
    123                <td valign="top" style=" 103px">
    124                    <div align="left">
    125                        <strong>不专业</strong>
    126                    </div>
    127                </td>
    128                <td valign="top" style=" 215px">
    129                    <div align="left">
    130                        没有售后服务或不专业
    131                    </div>
    132                </td>
    133                <td valign="top" style=" 258px">
    134                    <div align="left">
    135                        拥用一支专业的售后服务队伍,保障24小时服务客户
    136                    </div>
    137                </td>
    138            </tr>
    139        </tbody>
    140    </table>
    141</body>
    142</html>
    143
  • 相关阅读:
    实验十一 集合
    实验十 泛型程序设计技术
    实验九 异常、断言与日志
    实验六 接口的定义与使用
    实验七 继承附加实验
    实验六 继承定义与使用
    《面向对象程序设计(Java)》第四周学习总结
    实验三 Java基本程序设计(2)
    201771010112罗松《面向对象程序设计(java)》第十一周学习总结
    201771010112罗松《面向对象程序设计(java)》第十周学习总结
  • 原文地址:https://www.cnblogs.com/liuweitoo/p/883222.html
Copyright © 2020-2023  润新知