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 <!--
  8 body {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 = " width: 103px " >
124                      < div align = " left " >
125                          < strong > 不专业 </ strong >
126                      </ div >
127                  </ td >
128                  < td valign = " top "  style = " width: 215px " >
129                      < div align = " left " >
130                         没有售后服务或不专业
131                      </ div >
132                  </ td >
133                  < td valign = " top "  style = " width: 258px " >
134                      < div align = " left " >
135                         拥用一支专业的售后服务队伍，保障24小时服务客户
136                      </ div >
137                  </ td >
138              </ tr >
139          </ tbody >
140      </ table >
141 </ body >
142 </ html >
143

转载于:https://www.cnblogs.com/liuweitoo/archive/2007/09/05/883222.html