大家好，感谢邀请，今天来为大家分享一下css中table的问题，以及和css中position的用法的一些困惑，大家要是还不太明白的话，也没有关系，因为接下来将为大家分享，希望可以帮助到大家，解决大家的问题，下面就开始吧！
一、Css中控制table单元格的间距
1、设置表格的边框。在CSS中，可以通过border来设置表格或单元格的边框及其边框颜色，例如，下面设置表格为1px的蓝色边框。
2、在table表格里，默认是显示两个边框线的，如果要设置成一条边框，在CSS中需要使用border-collapse设置为collapse，合并为一条边框。
3、CSS设置表格的宽度和高度，使用width宽度和height高度来设置。
4、CSS设置表格的文本水平对齐方式。主要通过text-align来设置，有三个值：居左对齐left，居右对齐right，居中对齐center。
5、CSS设置表格的内边距。主要通过padding来设置，padding值越大，内边距越大，如图设置间距为15像素。
二、css实现表格的td里面的内容居中.
1、HTML表格栏位内文字水平置中与垂直置中可以用到不同的技巧，传统的HTML表格设计属性中，就有对于栏位内元素的水平置中与垂直置中的功能，分别是align与valign这两个功能，新一代的网页设计还有CSS的属性可以做到相同的效果，分别用到text-align以及vertical-align来处理，本篇就把传统的HTML写法以及新的CSS写法分享给各位读者，请直接看范例吧！
2、范例一、用传统的HTML align与valign属性
3、范例一先用传统的HTML表格 align以及valign来设计水平与垂直方向的置中效果，其中align='center'是水平置中，valign="middle"则是垂直置中，这两个功能都要写在表格栏位的<td>标签内才有效果。传统的HTML语法虽然简单，但未来还不确定是否会继续获得浏览器的支援，所以建议还是以CSS来设计会比较妥当，请看范例二的语法
4、范例二、用CSS的text-align
呈现结果
5、范例二的程式码有两个红色标注的地方，第一个是在表格<table>标签内的「style=" text-align:center;"」，这意思是表格栏位内容的元素全部都预设为水平置中，垂直置中的设定在表格栏位<td>标签内的「vertical-align:middle;」，眼尖的读者可能会发现有一个栏位并未设定垂直置中，那是用来比较给各位看，其实现在的新版浏览器几乎都会将文字预设为垂直置中，省去网页设计师的麻烦。
三、怎样用css使table里的td竖着排列
可以使用css的float属性实现table里的td竖着排列。
需要准备的材料分别是：电脑、浏览器、ultraedit。
1、在ue编辑器中新建一个空白的html文件和css文件。
2、在ue编辑器中输入以下html代码。
3、在ue编辑器中输入以下css代码。
4、编辑完成以后，在ue编辑器中点击保存，格式选择UTF8无BOM。
5、在浏览器中打开此html文件，可以看到最终想要实现的table里的td竖着排列效果。
四、怎样用CSS设置table第一列样式
语法:border-top-width:<值>
允许值: thin| medium| thick|<长度>
上边框宽度属性用于指定一个元素上边框的宽度。值可以是三个关键字其中的一个，都不受字体大小或长度的影响，可以用于实现成比例的宽度。
不允许使用负值。也可以用在上边框、边框的宽度或边框的属性略写。
语法: border-right-width:<值>
允许值: thin| medium| thick|<长度>
右边框宽度属性用于指定元素的右边框的宽度。值可以是三个关键字其中的一个，都不受字体大小或长度的影响，可以用于实现成比例的宽度。
不允许使用负值。也可以用在右边框、边框的宽度或边框的属性略写。
语法: border-bottom-width:<值>
允许值: thin| medium| thick|<长度>
下边框宽度属性用于指定元素的下边框的宽度。值可以是三个关键字其中的一个，都不受字体大小或长度的影响，可以用于实现成比例的宽度。
不允许使用负值。也可以用在下边框、边框的宽度或边框的属性略写。
语法: border-left-width:<值>
允许值: thin| medium| thick|<长度>
左边框宽度属性用于指定元素的左边框的宽度。值可以是三个关键字其中的一个，都不受字体大小或长度的影响，可以用于实现成比例的宽度。
不允许使用负值。也可以用在左边框、边框的宽度或边框的属性略写。
允许值: [ thin| medium| thick|<长度> ]{1,4}
边框宽度属性用一到四个值来设置元素的边界，值是一个关键字或长度。不允许使用负值长度。如果四个值都给出了，它们分别应用于上、右、下和左边框的式样。如果给出一个值，它将被运用到各边上。如果两个或三个值给出了，省略了的值与对边相等。这个属性是上边框宽度、右边框宽度、下边框宽度和左边框宽度属性的略写。
边框颜色属性设置一个元素的边框颜色。可以使用一到四个关键字。如果四个值都给出了，它们分别应用于上、右、下和左边框的式样。如果给出一个值，它将被运用到各边上。如果两个或三个值给出了，省略了的值与对边相等。
允许值: [ none| dotted| dashed| solid| double| groove| ridge| inset| outset ]{1,4}
边框样式属性用于设置一个元素边框的样式。这个属性必须用于指定可见的边框。可以使用一到四个关键字。如果四个值都给出了，它们分别应用于上、右、下和左边框的式样。如果给出一个值，它将被运用到各边上。
如果两个或三个值给出了，省略了的值与对边相等。也可以使用略写的边框属性。
以下是引用片段：none：无样式； dotted：点线； dashed：虚线； solid：实线； double：双线； groove：槽线； ridge：脊线； inset：内凹； outset：外凸
允许值:<上边框宽度>||<边框式样>||<颜色>
上边框属性是一个用于设置一个元素上边框的宽度、式样和颜色的略写。
注意只能给出一个边框式样。也可以使用略写的边框属性。
允许值:<右边框宽度>||<边框式样>||<颜色>
右边框属性是一个用于设置一个元素右边框的宽度、式样、和颜色的略写。
注意只能给出一个边框式样。也可以使用略写的边框属性。
语法: border-bottom:<值>
允许值:<下边框宽度>||<边框式样>||<颜色>
下边框属性是一个用于设置一个元素的下边框的宽度、式样和颜色的略写。
注意只能给出一个边框式样。也可以使用略写的边框属性。
允许值:<左边框宽度>||<边框式样>||<颜色>
左边框属性是一个用于设置一个元素左边框的宽度、式样和颜色的略写。注意只能给出一个边框式样。也可以使用略写的边框属性。下面的细线表格是用cellspacing来实现的，用表格的背景色做为边框的颜色。
不方便的是每一行都要再设置一个背景色。
五、怎么用css 让整个table位置页面水平居中,
css中让table水平居中的步骤如下：
假如创建一个三行四列的表格，设置表格边框为1，宽度为200px，高度为100px；
在html的head文件添加css样式，（因为css中没有明确的属性让table居中，所以相对定位的值需要自己调试。）如下；
运行程序，让整个table居中的问题就解决了
或者是在html中添加table的属性align="center";都可以实现table居中。
1.border-collapse设置是否把表格边框合并为单一的边框。
2.border-spacing设置分隔单元格边框的距离。
3.caption-side设置表格标题的位置。
4.empty-cells设置是否显示表格中的空单元格。
5.table-layout设置显示单元、行和列的算法。
关于css中table的内容到此结束，希望对大家有所帮助。
