純CSS細線偽表格

不推薦用div、span去替代table，我這裡情況複雜，被搞得沒辦法才出這暈招。

                                                                                    第1個格子                                                                第2個格子                                                                第3個格子                                                                第4個格子                                                                第5個格子                                                                                                第1個格子                                                                第2個格子                                                                第3個格子                                                                第4個格子                                                                第5個格子                                                                                                第1個格子                                                                第2個格子                                                                第3個格子                                                                第4個格子                                                                第5個格子                                                                                                第1個格子                                                                第2個格子                                                                第3個格子                                                                第4個格子                                                                第5個格子                                                                                                第1個格子                                                                第2個格子                                                                第3個格子                                                                第4個格子                                                                第5個格子                                                        

            .fake_table {                position: relative;                width:500px;                height:100px;                border-top:1px solid #afe0ea;                border-left:1px solid #afe0ea;                background: #daf5ff;                overflow: hidden;            }            .fake_tbody {                position: absolute;                top:0px;                left:0px;                width:500px;                height:100px;            }            .fake_tr {                display:block;                position: relative;                text-decoration: none;                height:20px;            }            .fake_tr:hover {                background: #ffe499;            }            .fake_tr:hover span{                color:#666;            }            .fake_td{                position: absolute;                display:inline-block;                width:99px;                height:19px;                line-height: 19px;                color:#000;                border-bottom: 1px solid #afe0ea;                border-right: 1px solid #afe0ea;                text-align: center;            }

第1個格子


第2個格子


第3個格子


第4個格子


第5個格子




第1個格子


第2個格子


第3個格子


第4個格子


第5個格子




第1個格子


第2個格子


第3個格子


第4個格子


第5個格子




第1個格子


第2個格子


第3個格子


第4個格子


第5個格子




第1個格子


第2個格子


第3個格子


第4個格子


第5個格子