在HTML中我們可以給表格添加邊框樣式，接下來將在文章中為大家詳細介紹如何設置表格的邊框樣式，具有一定的參考作用，希望對大家有所幫助。

【推薦課程：html' target='_blank'>HTML教程】

對于剛剛學習HTML的人來說，我們經常會用到表格 table 標簽，但是對于表格的邊框設置還是有很多問題不明白，接下來將在下文中具體介紹

對于邊框的設置我們可以通過border屬性來實現，比如給表格一個1px邊框我們可以這樣設置：

 table border= 1px solid #ccc 

效果圖：

從上圖我們可以發現這樣設置只有表格的外邊框才有，里面的單元格都無邊框，所以我們也要給內部的單元格設置邊框

 table,table tr th, table tr td {  border:1px solid #ccc; }

效果圖：

我們可以通過設置cellspacing（單元格間距）， cellpadding（單元格邊距）以及border-collapse: collapse （邊框合并）使表格的邊框合并為一個單一的邊框，這樣使得表格更加美觀該屬性設置表格的邊框是否被合并為一個單一的邊框，還是象在標準的 HTML 中那樣分開顯示使表格更加美化

 style  table,table tr th, table tr td {  border:1px solid #ccc; table{  width: 400px; border-collapse: collapse; /style  table cellpadding= 0 cellspacing= 0  td 內容 /td  td 內容 /td  td 內容 /td  /tr  td 內容 /td  td 內容 /td  td 內容 /td  /tr  td 內容 /td  td 內容 /td  td 內容 /td  /tr  td 內容 /td  td 內容 /td  td 內容 /td  /tr  /table 

效果圖：

同樣通過設置border屬性還可以更改表格邊框的顏色

本文參考：http://www.html.cn/doc/html/table/

總結：以上就是本篇文章的全部內容了，希望對大家有所幫助

以上就是HTML表格如何設置邊框樣式的詳細內容，html教程

鄭重聲明：本文版權歸原作者所有，轉載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯系我們修改或刪除，多謝。