欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

企業表格樣式css

錢艷冰2年前9瀏覽0評論

企業表格樣式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的三種常用樣式,分別是基礎表格樣式、帶斑馬線的表格樣式和帶加粗邊框的表格樣式,開發者可以根據自己的需求進行選擇和修改。