游客

标题:分享一个Grid样式 好看的表格
正文:
效果图： CSS代码：#grid {font-family: "Georgia"; width:100%;height:340px; background-color:#f8f8f8; overflow:auto; display:inline-block;}#grid * {-moz-box-sizing: content-box;}#grid table{width:100%;font-size:13px;line-height:1.3em;text-align:center;border-collapse:separate;border-spacing:0;}#grid thead tr:last-child th {border-bottom-width: 0;}#grid tr:first-child th, #grid tr:first-child td {border-top: 1px solid #CCCCCC;}#grid th:first-child, #grid td:first-child{border-left: 1px solid #CCCCCC;}#grid table th, #grid table td{font-size:12px; height:22px; line-height:21px; outline-width:0; overflow:hidden; padding:0 4px; vertical-align: top;border-bottom:solid 1px #ccc;border-right:solid 1px #ccc;}#grid table thead th{background-color:#eee;color:#222;font-weight:bold;padding:2px 4px;white-space:nowrap;}#grid table tr.old{background-color:#fff}#grid table tr.even{background-color:#f5f5f5}HTML代码： 单位 当日值（%） 月累积值（%）
[<<][[1]][2][3][>>]

查看评论(0)
发表评论



首页