<!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>VIP等级</td><td>所需RMB</td> </tr><tr> <td>VIP1</td><td>6</td> </tr><tr> <td>VIP2</td><td>30</td> </tr><tr> <td>VIP3</td><td>50</td> </tr><tr> <td>VIP4</td><td>100</td> </tr><tr> <td>VIP5</td><td>200</td> </tr><tr> <td>VIP6</td><td>300</td> </tr><tr> <td>VIP7</td><td>500</td> </tr><tr> <td>VIP8</td><td>700</td> </tr><tr> <td>VIP9</td><td>1000</td> </tr><tr> <td>VIP10</td><td>1500</td> </tr><tr> <td>VIP11</td><td>2000</td> </tr><tr> <td>VIP12</td><td>3000</td> </tr><tr> <td>VIP13</td><td>6000</td> </tr><tr> <td>VIP14</td><td>12000</td> </tr><tr> <td>VIP15</td><td>20000</td> </tr> </table> </body> </html>