<!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>30元购买VIP卡</td> </tr><tr> <td>VIP2</td><td>30元购买VIP卡+1200钻石</td> </tr><tr> <td>VIP3</td><td>30元购买VIP卡+4800钻石或128元购买尊贵VIP卡</td> </tr><tr> <td>VIP4</td><td>30元购买VIP卡+10800钻石或128元购买尊贵VIP卡+6000钻石</td> </tr><tr> <td>VIP5</td><td>30元购买VIP卡+25800钻石或128元购买尊贵VIP卡+21000钻石</td> </tr><tr> <td>VIP6</td><td>30元购买VIP卡+60800钻石或128元购买尊贵VIP卡+56000钻石</td> </tr><tr> <td>VIP7</td><td>30元购买VIP卡+160800钻石或128元购买尊贵VIP卡+156000钻石</td> </tr><tr> <td>VIP8</td><td>30元购买VIP卡+660800钻石或128元购买尊贵VIP卡+656000钻石</td> </tr><tr> <td>SVIP</td><td>到达V8后累计充值10万元</td> </tr><tr> <td colspan="2">ps：信息由发行商提供，仅供参考，如与实际不符，请玩家以游戏内实际情况为准！</td> </tr> </table> </body> </html>