在進行網頁設計時，制作一個美觀的課程表是必不可少的。為了達到這個目標，我們需要使用CSS來讓課程表看起來更加整潔流暢。

首先，我們需要為課程表中的元素設置相應的樣式。我們可以通過設置元素的背景色、邊框和間距來制作出一個漂亮的課程表。例如：

table {
border-collapse: collapse;
width: 100%;
}
td {
border: 1px solid black;
height: 50px;
padding: 5px;
text-align: center;
}

這個CSS樣式將會使課程表中的格子具有黑色的邊框，并且每個格子的高度為50像素，加上5像素的padding，可以讓課程表看起來更加舒適。我們將這些CSS樣式應用到對應的HTML元素中，以完成課程表的初步設計。

接下來，我們會發現有一些格子跨度了多個時間段或多個課程，這個情況我們需要調整一下課程表的樣式。我們可以通過設置元素的rowspan和colspan屬性來實現這個效果。例如，下面的CSS樣式可以讓一個格子擴展到多列中：

td[colspan="2"] {
width: 50%;
}

這個代碼將會使跨兩個格子的td元素占用50%的寬度，從而讓整個表格看起來更加合理。我們可以通過調整這些CSS樣式來實現更多的效果，并最終制作出一個確實很漂亮的課程表。