<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>vip价格表</title> <style> body{ max-width: 640px; margin: 0 auto; padding: 1em; } table{ width: 100%; margin: 0; padding: 0; border-collapse: collapse; border-spacing: 0; border-radius: 8px; border: 1px solid #ccc; /* 消除掉外边框 */ border-style:hidden; /* hack一下加个假边框 */ box-shadow: 0 0 0 1px #ccc; } tr{ margin: 0; padding: 0; } td{ padding: .8em; font-size: 12px; text-align: center; line-height: 1.35; border: 1px solid #ccc; } tr:nth-child(2n+1) { background: #f6f6f6; } tr:first-child { background: #F1E6D5; } tr.one { background: #FFF; } .empty{ font-size: 16px; position: absolute; top: 50%; left: 0; right: 0; text-align: center; transform: translateX(-50%); } </style> </head> <body> <!-- $value = explode("\t", $value);--> <!--$value = explode(" ", str_replace("\t", " ", $value));--> <table> <tr> <td>等级</td><td>所需RMB（折后）</td> </tr><tr> <td>贵族1</td><td>10</td> </tr><tr> <td>贵族2</td><td>30</td> </tr><tr> <td>贵族3</td><td>100</td> </tr><tr> <td>贵族4</td><td>200</td> </tr><tr> <td>贵族5</td><td>500</td> </tr><tr> <td>贵族6</td><td>1000</td> </tr><tr> <td>贵族7</td><td>2000</td> </tr><tr> <td>贵族8</td><td>3000</td> </tr><tr> <td>贵族9</td><td>5000</td> </tr><tr> <td>贵族10</td><td>8000</td> </tr><tr> <td>贵族11</td><td>13500</td> </tr><tr> <td>贵族12</td><td>21000</td> </tr><tr> <td>贵族13</td><td>30000</td> </tr><tr> <td>贵族14</td><td>40000</td> </tr><tr> <td>贵族15</td><td>50000</td> </tr><tr> <td>贵族16</td><td>65000</td> </tr><tr> <td>贵族17</td><td>85000</td> </tr><tr> <td>贵族18</td><td>112000</td> </tr><tr> <td>贵族19</td><td>150000</td> </tr><tr> <td>贵族20</td><td>200000</td> </tr><tr> <td colspan="2">ps：信息由发行商提供，仅供参考，如与实际不符，请玩家以游戏内实际情况为准！</td> </tr> </table> </body> </html>