3-6用css樣式，為表格加入邊框 · 初識HTML+CSS

Table 表格在沒有添加 css 樣式之前，是沒有邊框的。這樣不便于我們后期**合并單元格**知識點的講解，所以在這一節中我們為表格添加一些樣式，為它添加邊框。在右側代碼編輯器中添加如下代碼： ~~~ <style type="text/css"> table tr td,th{border:1px solid #000;} </style> ~~~ 上述代碼是用 css 樣式代碼（**后面章節會詳細講解**），為`th`，`td`單元格添加粗細為一個像素的黑色邊框。結果窗口顯示出結果樣式： [![](http://img.mukewang.com/52d3993b00010d6203900285.jpg)](http://img.mukewang.com/52d3993b00010d6203900285.jpg) ``` <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>為表格添加邊框</title> <style type="text/css"> table tr td,th{border:1px solid #759;} </style> </head> <body> <table summary=""> <tr> <th>班級</th> <th>學生數</th> <th>平均成績</th> </tr> <tr> <td>一班</td> <td>30</td> <td>89</td> </tr> <tr> <td>二班</td> <td>35</td> <td>85</td> </tr> <tr> <td>三班</td> <td>32</td> <td>80</td> </tr> </table> </body> </html> ```