今天我們來講一下如何用CSS設置一個含有滾動條的表格。 首先要明確的是，如果表格內容太多超出了容器的顯示范圍，我們可以設置一個固定高度的容器，并使用overflow屬性來實現滾動條的出現。 以下是一個簡單的HTML表格代碼：

姓名
年齡
職業
所在地
小明
20
學生
北京
小紅
25
設計師
上海
小華
30
程序員
深圳

接下來，我們將給表格添加一個高度，并設置overflow屬性為auto，這將自動為表格添加一個垂直方向的滾動條。

現在，表格將會自動在高度為200px的容器內顯示出來，并出現垂直方向的滾動條，以方便用戶瀏覽。 除此之外，我們還可以為表格添加水平方向的滾動條，方法就是在表格外再套一個div容器，并為這個容器設置和表格一樣的高度和overflow屬性，然后再為表格添加一個white-space屬性，值為nowrap，這將使表格內容不換行，并出現水平方向的滾動條。

...

這樣，我們就成功地為表格添加了一個含有垂直和水平方向的滾動條，并達到了更好的用戶體驗效果。 希望本文能夠幫助大家更加熟練地掌握CSS的使用，實現更加豐富多彩的頁面設計。