1、我們首先展示最原始的代碼和效果。默認情況下，表中直接用td劃分的表將隱藏邊框。
2、接下來，我們使用css添加樣式並為表添加邊框。表{邊框：1px solid＃804040;}修改後的效果是整個表格具有外邊框，並且表格中沒有邊框。
3、然後我們使用css為td添加邊框。表td {邊框：1px solid＃804040;}修改後的效果是每個td都添加了邊框，顯示效果是表格顯示單個邊框。
4、接下來，td顯示左上角，表格顯示右下角，實現邊框表效果。表{Border-right：1px solid＃804040;邊框底部：1px實心＃804040;}
表td {邊框左：1px solid＃804040;Border-top：1px solid＃804040;}修改後的效果與預期的壹樣，但由於內部單元之間的間距，內部邊界不連續。
5、最後，我們在表中添加了css代碼：border-collapse：collapse;用來消除單元格間距。這是：表{Border-right：1px solid＃804040;邊框底部：1px實心＃804040;邊境崩潰：崩潰;}
表td {邊框左：1px solid＃804040;Border-top：1px solid＃804040;}修改後，消除了單元間距，完美地實現了效果。