如图，这样的表格用CSS怎么弄呢？

html-css016

如图，这样的表格用CSS怎么弄呢？,第1张

<html>

<style text="css/text">

.ta{border:2px solid #3E6579margin:0px autoborder-collapse: collapseheight:60pxwidth:500px text-align: center}

.aa{padding:0background:#EDEBEC height:30px}

</style>

<body>

    <table class="ta">

        <tr class="aa">

            <td>积分数</td><td>电话号码</td><td>注册时间</td><td>最后登录时间</td>

        </tr>

        <tr>

            <td>11</td><td>22</td><td>33</td><td>44</td>

        </tr>

    </table>

</body>

</html>

效果如图

方法和详细的操作步骤如下：

1、第一步，打开html编辑器并创建一个新的html文件，具体见下面的图示，进入到下一步骤中。

2、第二步，新建完一个新的html文件后，在index.html的<style>标签中，输入如下所示的CSS代码，具体见下面的图示，进入到下一步骤中。

3、第三步，输入完CSS代码之后，接下来运行index.html页面。

可以发现，本地图片通过背景图片中的本地路径成功调用为了背景图片，具体见下面的图示。这样，图片就成功加入了。