最近設計了一個很好看的課程表，使用了CSS3的一些特性，顏色搭配和排版都非常漂亮。

首先，這個課程表使用了偽類元素::before和::after來添加了一些裝飾性的效果，比如把每一行的上下邊框變成斜線，讓整個表格的樣式更加有層次感。代碼如下：

tr:nth-child(even)::before,
tr:nth-child(odd)::after {
content: '';
display: block;
position: absolute;
bottom: -10px;
width: 100%;
height: 10px;
background: linear-gradient(to bottom right, transparent 0%, transparent 50%, #ccc 50%, #ccc 100%);
transform: rotate(-2deg);
}
tr:nth-child(even)::after,
tr:nth-child(odd)::before {
content: '';
display: block;
position: absolute;
top: -10px;
width: 100%;
height: 10px;
background: linear-gradient(to top right, transparent 0%, transparent 50%, #ccc 50%, #ccc 100%);
transform: rotate(2deg);
}

除此之外，我們還設置了一些課程表的基本樣式，比如單元格的邊框、字體顏色、居中對齊等等。我們使用了:nth-child偽類來對表格中的每一個單元格進行樣式設置，代碼如下：

td {
font-size: 1.2rem;
text-align: center;
position: relative;
padding-top: 50%;
border: 1px solid #ccc;
}
td:nth-child(4n+1) {
color: #f44336;
}
td:nth-child(4n+2) {
color: #2196F3;
}
td:nth-child(4n+3) {
color: #4CAF50;
}
td:nth-child(4n+4) {
color: #FFEB3B;
}

最后，我們使用了CSS3中的transition屬性來給每個單元格添加了一個過渡效果，當鼠標懸停在單元格上方時，邊框顏色和背景顏色會緩緩地更改。代碼如下：

td {
transition: all 0.2s ease-in-out;
}
td:hover {
background: #f9f9f9;
border-color: #999;
}

通過使用CSS3的這些特性，我們成功地打造出了一個漂亮的課程表，不僅提高了用戶體驗，也增加了整個頁面的美觀度。希望以上的例子可以對廣大網友有所啟發和借鑒。