<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>2018年第一季度手机排行榜</title> </head> <style type="text/css"> table{ box-shadow: 3px 3px 3px #888; } table caption { font-size: 1.5em; font-weight: bolder; margin-bottom: 20px; } th{ background: #44dcf3; } tr{ text-align: center; font-size: 0.9em; } </style> <body> <table border="1" cellspacing="0" cellpadding="6" width="600" align="center"> <caption>2018第一季度国产手机性能排行榜</caption> <tr> <th>名次</th> <th>手机型号</th> <th>处理器</th> <th>屏幕尺寸</th> <th>安兔兔跑分</th> <th>参考售价</th> </tr> <tr> <td>NO.1</td> <td> 一加5</td> <td>骁龙835</td> <td>5.5英寸</td> <td>18万</td> <td>3000元</td> </tr> <tr> <td>NO.2</td> <td>小米6</td> <td>骁龙835</td> <td>5.15寸</td> <td>17万</td> <td>2499元</td> </tr> <tr> <td>NO.3</td> <td>努比亚Z17</td> <td>835处理器</td> <td>5.5英寸</td> <td>17万</td> <td>2799元</td> </tr> <tr> <td>NO.4</td> <td>加3T</td> <td>骁龙835</td> <td>5.5英寸</td> <td>16.1万</td> <td>2628元</td> </tr> <tr> <td>NO.5</td> <td>荣耀V9</td> <td>麒麟960</td> <td>5.7英寸</td> <td>14.1万</td> <td>2599元</td> </tr> </table> </body> </html>
点击 "运行实例" 按钮查看在线实例