/* CSS樣式區塊開始 */
body {
font-family: Arial, sans-serif; /* 使用Arial字體和sans-serif備用字體 */
}
#intro {
margin: 20px; /* 設定標有id="intro"的元素的邊距 */
}
#toc-container {
/* 目錄容器樣式 */
border: 2px solid #ccc; /* 設定邊框寬度和顏色 */
border-radius: 5px; /* 設定邊框圓角 */
background-color: #f5f5f5; /* 設定背景色 */
padding: 10px; /* 設定內邊距 */
margin: 20px; /* 設定外邊距 */
}
#content-container {
margin: 20px; /* 設定標有id="content-container"的元素的外邊距 */
}
table {
/* 表格樣式 */
border-collapse: collapse; /* 合併表格邊框 */
width: 100%; /* 表格寬度100% */
}
table, th, td {
border: 1px solid #ddd; /* 設定表格邊框寬度和顏色 */
}
th, td {
padding: 15px; /* 設定表格單元格內邊距 */
text-align: left; /* 文字靠左對齊 */
}
h1 {
/* 一級標題樣式 */
color: #333; /* 設定文字顏色 */
}
ul {
/* 無序列表樣式 */
list-style-type: none; /* 移除點狀列表符號 */
padding: 0; /* 移除列表的內邊距 */
}
li {
/* 列表項目樣式 */
margin: 8px 0; /* 設定列表項目的邊距 */
}
a {
/* 超連結樣式 */
text-decoration: none; /* 移除超連結的底線 */
color: #007bff; /* 設定超連結文字顏色 */
}
a:hover {
/* 超連結懸停樣式 */
text-decoration: underline; /* 懸停時顯示底線 */
}
/* CSS樣式區塊結束 */