<!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>0级仙官</td><td>上线送</td> </tr><tr> <td>1级仙官</td><td>上线送</td> </tr><tr> <td>2级仙官</td><td>上线送</td> </tr><tr> <td>3级仙官</td><td>上线送</td> </tr><tr> <td>4级仙官</td><td>136</td> </tr><tr> <td>5级仙官</td><td>220</td> </tr><tr> <td>6级仙官</td><td>340</td> </tr><tr> <td>7级仙官</td><td>560</td> </tr><tr> <td>8级仙官</td><td>860</td> </tr><tr> <td>9级仙官</td><td>1280</td> </tr><tr> <td>10级仙官</td><td>1780</td> </tr><tr> <td colspan="2">ps：信息由发行商提供，仅供参考，如与实际不符，请玩家以游戏内实际情况为准！</td> </tr> </table> </body> </html>