嘿嘿～歡迎來到「30天前端設計之旅」的DAY 14！今天將探索如何利用表格屬性來創建精美且功能強大的數據表格，同時學習游標屬性，讓你的網頁在細節上更加精緻且具有互動性。

表格屬性：構建整齊有序的數據展示
表格是用於展示結構化數據的強大工具，無論是數據列表、計算結果，還是其他資訊，都可以通過表格來進行明確的展示。通過掌握表格屬性，可以創建出美觀又易閱讀的數據展示方式。

D-14的學習目標：

1. 表格屬性（Table Properties）：
   • 表格佈局與樣式：
     border-collapse：通過設置 border-collapse: collapse; 使表格邊框合併，創建出更緊湊的表格外觀。
     border-spacing：控制單元格之間的間距，例如：border-spacing: 10px;。
     table-layout：使用 table-layout: fixed; 來設置表格固定佈局，使列寬根據表格總寬度均勻分配，或使用 table-layout: auto; 讓瀏覽器自動調整列寬。
   • 單元格對齊與合併：
     text-align 和 vertical-align：控制單元格內文字的水平和垂直對齊，讓數據顯得更加工整
     colspan 和 rowspan：使用這些屬性來合併多個列或行的單元格，為數據表格增加靈活性和可讀性。例如：colspan="2" 會使單元格跨越兩列。
   • 表格背景與樣式：
     background-color：為表格或單元格添加背景顏色，強調數據的重要性或分隔不同類別。
     nth-child 選擇器：使用 CSS 的 :nth-child() 來設置表格行或列的樣式，創造條紋狀或其他樣式效果，提升表格的可視化效果。
2. 游標屬性（Cursor Property）：
   • 自定義游標：cursor 屬性允許你為不同的元素設置自定義游標樣式，提升用戶互動時的體驗。例如：cursor: pointer; 會將游標設置為點擊手勢，用於按鈕或鏈接。
   • 常見的游標樣式還包括 default（默認）、text（文字輸入）、move（移動）、wait（等待）等。
   • 精細控制與互動提示：利用 cursor: not-allowed; 來表示操作不可用，或使用 cursor: help; 來提示用戶此處提供額外信息。這些提示有助於增強網站的可用性和用戶體驗。
   • 自定義圖像游標：使用 cursor: url('path-to-image'), auto; 為特定元素設置自定義圖像游標。這可以用於創造獨特的交互效果，但需要注意圖像大小和兼容性問題。

表格和游標是網頁設計中的重要元素，運用這些技術來打造出更具功能性和互動性的頁面吧！📊🖱️