zoukankan      html  css  js  c++  java
  • 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
  • 相关阅读:
    A1052. Linked List Sorting (25)
    A1032. Sharing (25)
    A1022. Digital Library (30)
    A1071. Speech Patterns (25)
    A1054. The Dominant Color (20)
    A1060. Are They Equal (25)
    A1063. Set Similarity (25)
    电子码表
    矩阵键盘
    对象追踪、临时对象追踪、绝对坐标与相对坐标
  • 原文地址:https://www.cnblogs.com/liuweitoo/p/883222.html
Copyright © 2011-2022 走看看