table

html:

    

        
标题1标题1标题1标题1标题1标题1标题1标题1标题1标题1标题1标题1标题1标题1标题1标题1
        
标题2
        
标题3
        
标题3
        
标题3
        
标题3
    
    

        
内容1
        
内容2
        
标题3标题3标题3标题3标题3标题3标题3标题3标题3标题3标题3标题3标题3标题3标题3标题3标题3标题3标题3标题3标题3标题3标题3标题3标题3标题3标题3标题3标题3标题3标题3标题3标题3标题3标题3标题3标题3标题3标题3标题3标题3标题3标题3标题3标题3标题3标题3标题3标题3标题3标题3标题3标题3标题3标题3标题3标题3标题3标题3标题3标题3标题3标题3标题3标题3标题3
        
标题3标题3标题3标题3标题3标题3
        
标题3
        
内容3
    

css:

table {
    border-collapse:collapse;
    border-spacing:0;
}

table, caption, tbody, tfoot, thead, tr, th, td {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}


.table {
    width: 100%;
    border-top: 1px solid #c5c5c5;
    border-left: 1px solid #c5c5c5;
    color: #666;
}

.td {
    border-right: 1px solid #c5c5c5;
    padding: 0 10px;
    width: 16.66%;
}

.tr {
    border-bottom: 1px solid #c5c5c5;
}

.tr:nth-of-type(2n+1) {
    background-color: #f4f4f4;
}