表格样式

序号	名称	数量	价格	备注
1	苹果	1000	￥5.00	销售
1	苹果	1000	￥5.00	销售
1	苹果	1000	￥5.00	销售
1	苹果	1000	￥5.00	销售
1	苹果	1000	￥5.00	销售

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表格样式</title>
    <style text="text/css">
        .goods_list{
            width: 600px;
            height: 200px;
            border: 1px solid #555;
            border-collapse: collapse; 
            <!-- 设置边框现合并 --> 
            font-family: 'Microsoft Yahei';
            <!-- 设置字体 --> 
        }
        .goods_list th,.goods_list td{
            border: 1px solid #111;
            <!-- 设置边框线像素 --> 
            text-align: center; 
            <!-- 设置表格文字居中 --> 


        }
        .goods_list th{
            background-color: #3366cc;
            <!-- 设置表头背景色 --> 
            color: #ffffff
            <!-- 设置表头字体颜色 --> 

        }


    </style>
</head>
<body>
    <table class="goods_list">
        <tr>
            <th>序号</th>
            <th>名称</th>
            <th>数量</th>
            <th>价格</th>
            <th>备注</th>
        </tr>
        <tr>
            <td>1</td>
            <td>苹果</td>
            <td>1000</td>
            <td>￥5.00</td>
            <td>销售</td>
        </tr>
        <tr>
            <td>1</td>
            <td>苹果</td>
            <td>1000</td>
            <td>￥5.00</td>
            <td>销售</td>
        </tr>
        <tr>
            <td>1</td>
            <td>苹果</td>
            <td>1000</td>
            <td>￥5.00</td>
            <td>销售</td>
        </tr>
        <tr>
            <td>1</td>
            <td>苹果</td>
            <td>1000</td>
            <td>￥5.00</td>
            <td>销售</td>
        </tr>
        <tr>
            <td>1</td>
            <td>苹果</td>
            <td>1000</td>
            <td>￥5.00</td>
            <td>销售</td>
        </tr>
        
    </table>
    
</body>
</html>

相关阅读:
详解单例模式
Spring整合Mybatis案例，献给初学的朋友
Java反射学习总结
IDEA JSP项目构建及学习心得
SQL Server数据库表锁定原理以及如何解除表的锁定
MySQL锁定机制简介
Cassandra简介
Linux机器上实现程序自动部署以及更新
服务器时间同步平台化
内存查看平台化

原文地址：https://www.cnblogs.com/mrwuzs/p/8052408.html