今日份学习

HTML+CSS（表格+隔行变色样式）

<table>

        <thead>

            <tr>

                <th>序号</th>

                <th>商品名称</th>

                <th>价格</th>

                <th>数量</th>

                <th>剩余量</th>

                <th>已售数量</th>

            </tr>

        </thead>

        <tbody>

            <tr>

                <td>1</td>

                <td>电脑</td>

                <td>￥7777</td>

                <td>600</td>

                <td>300</td>

                <td>300</td>

            </tr>

            <tr>

                <td>2</td>

                <td>电视</td>

                <td>￥8888</td>

                <td>700</td>

                <td>400</td>

                <td>300</td>

            </tr>

            <tr>

                <td>3</td>

                <td>冰箱</td>

                <td>￥6666</td>

                <td>500</td>

                <td>200</td>

                <td>300</td>

            </tr>

            <tr>

                <td>4</td>

                <td>洗衣机</td>

                <td>￥6999</td>

                <td>777</td>

                <td>477</td>

                <td>300</td>

            </tr>

            <tr>

                <td>5</td>

                <td>空调</td>

                <td>￥3999</td>

                <td>799</td>

                <td>300</td>

                <td>499</td>

            </tr>

        </tbody>

    </table>

隔行变色

展示效果

 隔列变色

展示效果

 

 悬停样式

 展示效果