CSS中表格標記符是用來定義和控制HTML表格的顯示效果的,常用的有以下幾種:
/* 表格的整體樣式 */ table { border-collapse: collapse; /* 合并邊框 */ width: 100%; /* 表格寬度 */ table-layout: fixed; /* 表格布局:自適應 */ } /* 表格邊框樣式 */ table td, table th { border: 1px solid #ccc; /* 邊框樣式和顏色 */ padding: 8px; /* 單元格內邊距 */ text-align: center; /* 文字居中 */ vertical-align: middle; /* 垂直居中 */ font-size: 14px; /* 字體大小 */ font-weight: normal; /* 字體粗細 */ } /* 表格標題樣式 */ table caption { font-size: 18px; /* 標題字體大小 */ font-weight: bold; /* 標題字體粗細 */ padding: 10px; /* 標題內邊距 */ border-bottom: 1px solid #ccc; /* 標題下劃線 */ } /* 表格頭部樣式 */ table th { background-color: #f5f5f5; /* 背景色 */ font-weight: bold; /* 字體粗細 */ } /* 表格奇偶行樣式 */ table tr:nth-child(odd) { background-color: #f9f9f9; /* 奇數行背景色 */ } table tr:nth-child(even) { background-color: #fff; /* 偶數行背景色 */ }
以上是常用的表格樣式代碼,可以根據需要進行修改和調整,不同的表格樣式會影響表格的顯示效果,使其更具美觀性和可閱讀性,方便用戶查看和比較表格中的數據。