CSS表格縱向滾動條是指在表格超出容器高度的情況下,設置垂直滾動條,以便查看表格內容的方式。
table{ border-collapse: collapse; width: 100%; } th, td{ border: 1px solid black; padding: 5px; } tbody{ max-height: 150px; overflow-y: auto; }
以上是設置CSS表格縱向滾動條的樣式代碼。
首先,設置表格的邊框合并,并撐滿父容器的寬度。
然后,為表格中的單元格添加邊框和內邊距樣式。
接著,使用tbody選擇器設置表格內容的最大高度和垂直方向上的滾動條,超出內容高度時自動出現滾動條。
此時,當表格內容超出tbody限定的高度時,就可以通過滾動條實現查看表格所有內容的功能。
下一篇css插入圖像背景透明