点击运行
<!DOCTYPE html> <html> <head> <style> table, th, td { border: 1px solid black; } /* 默认的 CSS 值 */ caption { display: table-caption; text-align: center; } </style> </head> <body> <p>默认情况下，caption 元素会这样显示：</p> <table> <caption>Monthly savings</caption> <tr> <th>Month</th> <th>Savings</th> </tr> <tr> <td>January</td> <td>$100</td> </tr> <tr> <td>February</td> <td>$50</td> </tr> </table> <p>自定义的 caption 元素（更改 text-align）：</p> <table> <caption style="text-align:left;">Monthly savings</caption> <tr> <th>Month</th> <th>Savings</th> </tr> <tr> <td>January</td> <td>$100</td> </tr> <tr> <td>February</td> <td>$50</td> </tr> </table> </body> </html>
运行结果
