HTML Tables Tutorial

屏幕快照 2017-11-20 上午9.52.01.jpg

    
    



    
Groceries
    

        

            
Item Name
            
Price
            
Quantity
            
Aisle Number
        
        

            
Milk
            
$3.00
            
1
            
A3
        
        

            
Whole Wheat Bread
            
$2.85
            
1
            
A5
        
        

            
Carrots
            
$2.00
            
2
            
C2
        
        

            
Apples
            
$3.00
            
4
            
C2
        
    

table {
    border-collapse: collapse;
}

table th {
    text-align: left;
    background-color: #3a6070;
    color: #FFF;
    padding: 4px 30px 4px 8px;
}

table td {
    border: 1px solid #e3e3e3;
    padding: 4px 8px;
}

table tr:nth-child(odd) td {
    background-color: #e7edf0;
}