HTML表格在很多網站中扮演著極其重要的角色。無論是用來展示數據還是用來布置頁面，表格的使用頻率非常之高。然而，在表格內容過長的情況下，如果只是單純地在頁面中展示，將會導致頁面錯亂不堪。為了解決這一問題，我們可以使用CSS，在表格超出長度時設置滾輪，使得表格更加美觀且易于查看。 要實現這個功能，我們需要使用CSS代碼設置表格的樣式。首先，我們需要在表格所在頁面的HTML文件中應用CSS。代碼如下： `````` 在這個示例中，我們創建了一個名為"styles.css"的CSS樣式表，并將其連接到HTML文件中。接下來，我們需要在CSS文件中設置我們想要的樣式。代碼如下： ``` table { width: 100%; border-collapse: collapse; border-spacing: 0; overflow: hidden; } th, td { padding: 8px; text-align: left; border-bottom: 1px solid #ddd; } td { white-space: nowrap; overflow-x: auto; } ``` 在這段代碼中，我們首先將表格的寬度設置為100%以確保它適應頁面的寬度。然后，我們將表格的邊框屬性設置為坍塌，并將邊框間距設置為零。 接下來，我們將表頭和單元格的內邊距設置為8像素，并將文本對齊方式設置為左對齊。最后，我們將單元格的底部邊框顏色設為#ddd，并將單元格的白色空間設置為不換行。這會使得內容在表格內不被自動換行，而是在需要時滾動。 最后一項是單元格的"overflow-x"屬性。我們將其設置為"auto"，以便在內容超出單元格寬度時，表格會出現水平滾動條，使用戶可以輕松滑動查看表格內容。 使用上述CSS代碼，我們可以簡單地為HTML表格添加滾動條，使得表格內容更加美觀而實用。