黑马程序员技术交流社区

标题: 在web上如何写表格 [打印本页]
作者: faith    时间: 2014-4-2 15:04
标题: 在web上如何写表格
如何写出这样的表格 越详细越好

2IF`D~9I)U2}I)4SELM~]EX.jpg (60.8 KB, 下载次数: 23)

2IF`D~9I)U2}I)4SELM~]EX.jpg
作者: 向阳泪无痕    时间: 2014-4-2 16:12
我给你写出来了，看代码吧
  1. <style>    /*设置表格样式*/
  2. table td{
  3.         border:1px solid #6699FF;
  4.         text-align:center;  /*单元格文字居中*/
  5.         }
  6. table{
  7.         border:1px solid #6699FF;
  8.         border-collapse:collapse;  /*设置表格中的单元格边框线为重合*/
  9.         width:600px;
  10.         height:300px;
  11.         }
  12. </style>
  13. <table>   <!-- 建立一个表格 -->   
  14.         <tr>    <!-- 创建行表格 -->  
  15.                 <td>卡类别</td>   <!-- 创建一个单元格 -->
  16.                 <td  colspan="2">入会条件</td>
  17.         </tr>
  18.         <tr>
  19.                 <td></td>
  20.                 <td>当日</td>
  21.                 <td>当月</td>
  22.         </tr>
  23.         <tr>
  24.                 <td>普卡</td>
  25.                 <td>消费满500元</td>
  26.                 <td>消费满5000元</td>
  27.         </tr>
  28.         <tr>
  29.                 <td>VIP卡</td>
  30.                 <td>消费满1500元</td>
  31.                 <td>消费满20000元</td>
  32.         </tr>
  33. </table>
复制代码
作者: faith    时间: 2014-4-3 08:47
thank your



欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/) 黑马程序员IT技术论坛 X3.2