企業表格樣式CSS是一個十分實用的開發技術,它可以幫助開發者快速優化網站的表格顯示效果,增加用戶體驗。下面介紹幾種常用的企業表格樣式CSS。
/* 表格樣式1 */ table { width: 100%; border-collapse: collapse; border-spacing: 0; font-size: 14px; line-height: 20px; } table td, table th { border: 1px solid #ccc; padding: 6px 4px; text-align: center; vertical-align: middle; } table th { background-color: #f5f5f5; } table tr:nth-child(odd) td { background-color: #f9f9f9; } /* 表格樣式2 */ .table-striped tbody tr:nth-of-type(odd) { background-color: #f9f9f9; } .table-hover tbody tr:hover { background-color: #f5f5f5; } /* 表格樣式3 */ table { width: 100%; border-collapse: collapse; border-spacing: 0; font-size: 14px; line-height: 20px; } table td, table th { border: 1px solid #ccc; padding: 6px 4px; text-align: center; vertical-align: middle; } table th { background-color: #f5f5f5; font-weight: bold; } table td:first-child, table th:first-child { border-left: none; } table td:last-child, table th:last-child { border-right: none; } table tr:first-child td, table tr:first-child th { border-top: none; }
以上是企業表格樣式CSS的三種常用樣式,分別是基礎表格樣式、帶斑馬線的表格樣式和帶加粗邊框的表格樣式,開發者可以根據自己的需求進行選擇和修改。
上一篇mysql8無法初始化
下一篇mysql8無法自動建表