<!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>60</td> </tr><tr> <td>特权3级</td><td>200</td> </tr><tr> <td>特权4级</td><td>600</td> </tr><tr> <td>特权5级</td><td>1500</td> </tr><tr> <td>特权6级</td><td>3000</td> </tr><tr> <td>特权7级</td><td>6000</td> </tr><tr> <td>特权8级</td><td>10000</td> </tr><tr> <td>特权9级</td><td>20000</td> </tr><tr> <td colspan="2">ps：信息由发行商提供，仅供参考，如与实际不符，请玩家以游戏内实际情况为准！</td> </tr> </table> </body> </html>