首先打开vscode编辑器，新建一个html文件，定义一个两行两列的表格，在浏览器打开的效果。然后给表格添加边框，这里给table标签和td标签都设置边框，不过两个标签的边框颜色值不一样。
创新互联建站-专业网站定制、快速模板网站建设、高性价比庆城网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式庆城网站制作公司更省心,省钱,快速模板网站建设找我们，业务覆盖庆城地区。费用合理售后完善，十多年实体公司更值得信赖。
使用div，li，a等元素定好位置之后，使用css中的active或者hover等方式改变元素的border的宽度和颜色，这种可以根据文字的大小改变大小。使用本问题的table，可以实现定义好大小，然后再用上述的css方式处理边框。
用table{ }标签定义了表格宽度；用td{ }标签定义了单元格宽度。此时整个表格的每个单元格宽度都会设置成功。
table中用CSS控制的宽度和高度，首先我们需要给tr和td一个style，然后通过这个style来控制它的width和height就可以了，这里通过具体的代码来理解： 我i是测试文字 这样就实现了对tr和td的控制。
padding-bottom 可以增加上下边距，很好用的属性，在bootstrap框架中是通过这个属性实现表格样式的。就算多行，也是一样保持间距。或者结合使用，选择一款适合的。.table tr td { padding：10px 0；} 这样设置省事。
设置每个单元格的线宽， table td {width：1px}，单独设一列的话（行是tr），需要给对应的列加选择器，常用的有class，id。
1、position：relative；如果对一个元素进行相对定位，首先它将出现在它所在的位置上。然后通过设置垂直或水平位置，让这个元素相对于它的原始起点进行移动。(再一点，相对定位时，无论是否进行移动，元素仍然占据原来的空间。
2、默认情况下，table的单元格td的display为table-cell，在IE给td设置position：relative，然后给它包含的一个容器使用position：absolute进行定位是有效的，但在FF下却不可以。
3、将diy固定在table中有点难度，但可以做到。diy是层的概念，table是表格的概念。层是可以飘在表格上的，如果需要将diy固定在table中，需要将表格先定义ID_名称，而后指定diy与ID的关系后的diy坐标与table相关就可以了。
4、你好！用了div就不需要用table来定位了啊。
5、首先，打开html编辑器，新建html文件，例如：index.html，编写问题基础代码。
新建一个html5文件。创建一个宽度为300px，三行四列的表格并写入内容。
通常首选方法是使用 flexbox 居中内容。只需三行代码即可： display：flex ，然后使用 align-items：center 和 justify-content：center 将子元素垂直和水平居中。
普通居中。align=centertable align=center tr td商品名称/td td商品价格/td td商品描述/td td购买/td /tr /tablecss样式居中。
td class=tongpian6hehehe/td /tr /table 因为：表格内左边距使用padding-left，而不是margin-left。margin-left叫外左边距。单元格垂直居中，设定vertical-align为middle，而不是bottom（靠下）。
代码：效果：原理：margin：0 auto；数字0代码的是距离上下边界为0，而auto表示距离左右边界为自适应，也就是居中。
两个层，一个大层，加一个小层，小层放文字 方法一，定义大层的padding，达到控制小层的目的。方法二，定义小层的margin，达到控制小层相对于大层的位置。
justify 对行进行伸展，这样每行都可以有相等的长度（就像在报纸和杂志中）。char 将内容对准指定字符。
如果设置div为absolute position， div将会相对于其最近的position ancestor定位。absolute position是可以随页面移动而移动在屏幕上的位置的。
也就是用绝对定位，注意使用绝对定位一定要确定是相对于谁定位，默认情况下它是相对于浏览器文档定位，除非包裹他的父元素有relative的，那么它会就近相对于position：absolute；的父元素来定位。
1、经测试后完美解决了兼容模式问题，这样设置后IE中设置兼容模式的按钮也会消失，可以按F12打开“开发人员工具”来检查浏览器模式。
2、清除块display，这个可以解决浮动造成的块，造成块后，当DIV背景填色或填图片的时候，会出现背景断开或差一小块。
3、在同一个CSS样式表中，使用 ！important 来定义不同的值以适应Firefox和IE。
4、控制table的样式可以这么写：.td{border：solid #add9c0； border-width：0px 1px 1px 0px；} .table{border：solid #add9c0； border-width：1px 0px 0px 1px；} 这样都分别引入到table 和 td标签控制样式了。