在網頁設計中,表格是一種常見的排版方式,尤其在科幻相關的網站中經常出現。借助CSS樣式,我們可以很容易的將表格變得更加美觀和炫酷。
table{ border-collapse: collapse; /* 邊框合并 */ color: #fff; /* 字體顏色 */ font-size: 16px; /* 字體大小 */ margin: 50px auto; /* 居中 */ } th, td{ border: 1px solid #fff; /* 邊框 */ padding: 10px; /* 內邊距 */ } th{ background: linear-gradient(to right, #00c4ff, #9055a2); /* 漸變背景 */ font-weight: bold; /* 字體加粗 */ } td{ background-color: #2f2f2f; /* 背景顏色 */ } tr:hover td{ background-color: #007bff; /* 滑過背景顏色 */ }
上面是一個簡單的CSS樣式表,它針對table、th、td、tr等元素進行設置。例如,我們設置每個單元格都有1px粗的白邊框,背景顏色為#2f2f2f。而表頭則有從左到右的漸變背景色,字體加粗;當鼠標滑過表格行時,行背景色變為#007bff。
通過這個樣式表,我們可以輕松地制作出一個科幻風格的表格,并添加到自己的網站中使用。同時,這個樣式表也可以根據具體需求進行調整和修改,達到更好的視覺效果。