35行CSS样式码，让你的表格更加漂亮，先放最终效果：

HTML表格代码如下：

        
            
                序号
                物品名称
                金额
                备注
            
        
        
            
                1
                洗衣粉
                15.00
                自己用
            
            
                2
                洁尔阴
                25.00
                老婆用
            
            
                3
                搓衣板
                5.00
                自己用
            
        
    

CSS代码如下：

    
        .style-table {
            border-collapse: collapse;
            margin: 50px auto;
            font-size: 0.9em;
            min-width: 400px;
            box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
        }

        .style-table thead tr {
            background-color: #0398dd;
            color: #ffffff;
            text-align: left;
        }

        .style-table th,
        .style-table td {
            padding: 12px 15px;
        }

        .style-table tbody tr {
            border-bottom: 1px solid #dddddd;
        }

        .style-table tbody tr:nth-of-type(even) {
            background-color: #f3f3f3;
        }

        .style-table tbody tr:last-of-type {
            border-bottom: 2px solid #0398dd;
        }

        .style-table tbody tr.active-row {
            font-weight: bold;
            color: #0398dd;
        }