html中如何让单元格中的文字离左边框一定距离

1、新建一个html文件，命名为test.html。

2、在test.html文件中，使用table标签创建一个三行两列的表格，用于测试。

3、在test.html文件中，给table标签添加一个class属性，用于下面样式定义。

4、在css标签内，通过class定义tbale标签的样式。

5、在css标签内，使用border-spacing属性定义表格单元格之间边框的距离即可了。

边框是不算入元素大小的

所以我们需要将DIV的大小也改动（大小是绝对的时候需要改动：）

div{

    width:100px

    height:100px

    background:black

}

div:hover{

    width:90px

    height:90px

    border:5px solid grey

}

这个就是会在边框动的时候把面积缩小，如果是相对大小就需要使用calc函数（计数器），例如：

div{

    width:90vw

    height:90vh

    background:black

}

div:hover{

    width:calc(90vw - 10px)

    height:calc(90vh - 10px)

    border:5px solid grey

}

按如下方式修改样式:

background:transparent url('双引号图片路径') no-repeat scroll 5px 5px

通过指定no-repeat使背景图不产生平铺效果,然后给上和左一个偏移量,假设5px.

---