A股上市公司传智教育(股票代码 003032)旗下技术交流社区北京昌平校区

© faith 中级黑马   /  2014-4-2 15:04  /  1485 人查看  /  2 人回复  /   0 人收藏 转载请遵从CC协议 禁止商业使用本文

如何写出这样的表格 越详细越好

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

2IF`D~9I)U2}I)4SELM~]EX.jpg

2 个回复

倒序浏览
我给你写出来了,看代码吧
  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>
复制代码
回复 使用道具 举报
thank your
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 加入黑马