怎样用CSS设置table第一列样式

大家帮我想一下,我想要设置table第一列的宽度为100px,其他的为200px,这个要怎么用CSS设置啊!我是想一次性设置几张表,不要每张表都去设,谢谢大家!

1上边框宽度以下是引用片段:
语法: ‌‌border-top-width: <值>
允许值: thin | medium | thick | <长度>
初始值: medium
适用于: 所有对象
向下兼容: 否
上边框宽度属性用于指定一个元素上边框的宽度。值可以是三个关键字其中的一个,都不受字体大小或长度的影响,可以用于实现成比例的宽度。
不允许使用负值。也可以用在上边框、边框的宽度或边框的属性略写。

2.右边框宽度以下是引用片段:
语法: border-right-width: <值>
允许值: thin | medium | thick | <长度>
初始值: medium
适用于: 所有对象
向下兼容: 否
右边框宽度属性用于指定元素的右边框的宽度。值可以是三个关键字其中的一个,都不受字体大小或长度的影响,可以用于实现成比例的宽度。
不允许使用负值。也可以用在右边框、边框的宽度或边框的属性略写。

3.下边框宽度以下是引用片段:
语法: border-bottom-width: <值>
允许值: thin | medium | thick | <长度>
初始值: medium
适用于: 所有对象
向下兼容: 否
下边框宽度属性用于指定元素的下边框的宽度。值可以是三个关键字其中的一个,都不受字体大小或长度的影响,可以用于实现成比例的宽度。
不允许使用负值。也可以用在下边框、边框的宽度或边框的属性略写。

4.左边框宽度以下是引用片段:
语法: border-left-width: <值>
允许值: thin | medium | thick | <长度>
初始值: medium
适用于: 所有对象
向下兼容: 否
左边框宽度属性用于指定元素的左边框的宽度。值可以是三个关键字其中的一个,都不受字体大小或长度的影响,可以用于实现成比例的宽度。
不允许使用负值。也可以用在左边框、边框的宽度或边框的属性略写。

5.边框宽度以下是引用片段:
语法: border-width: <值>
允许值: [ thin | medium | thick | <长度> ]{1,4}
初始值: 未定义
适用于: 所有对象
向下兼容: 否
边框宽度属性用一到四个值来设置元素的边界,值是一个关键字或长度。不允许使用负值长度。如果四个值都给出了,它们分别应用于上、右、下和左边框的式样。如果给出一个值,它将被运用到各边上。如果两个或三个值给出了,省略了的值与对边相等。 这个属性是上边框宽度、右边框宽度、下边框宽度和左边框宽度属性的略写。
也可以使用略写的边框属性。

6.边框颜色以下是引用片段:
语法: border-color: <值>
允许值: <颜色>{1,4}
初始值: 颜色属性的值
适用于: 所有对象
向下兼容: 否
边框颜色属性设置一个元素的边框颜色。可以使用一到四个关键字。如果四个值都给出了,它们分别应用于上、右、下和左边框的式样。如果给出一个值,它将被运用到各边上。如果两个或三个值给出了,省略了的值与对边相等。
也可以使用略写的边框属性。

7.边框样式以下是引用片段:
语法: border-style: <值>
允许值: [ none | dotted | dashed | solid | double | groove | ridge | inset | outset ]{1,4}   
初始值: none   
适用于: 所有对象   
向下兼容: 否   
边框样式属性用于设置一个元素边框的样式。这个属性必须用于指定可见的边框。可以使用一到四个关键字。如果四个值都给出了,它们分别应用于上、右、下和左边框的式样。如果给出一个值,它将被运用到各边上。
如果两个或三个值给出了,省略了的值与对边相等。也可以使用略写的边框属性。
以下是引用片段:  none:无样式;   dotted:点线;   dashed:虚线;   solid:实线;   double:双线;   groove:槽线;   ridge:脊线;   inset:内凹;   outset:外凸

8.上边框以下是引用片段:  
语法: border-top: <值>  
允许值: <上边框宽度> || <边框式样> || <颜色>   
初始值: 未定义   
适用于: 所有对象   
向下兼容: 否   
上边框属性是一个用于设置一个元素上边框的宽度、式样和颜色的略写。
注意只能给出一个边框式样。也可以使用略写的边框属性。

9.右边框  
语法: border-right: <值>   
允许值: <右边框宽度> || <边框式样> || <颜色>   
初始值: 未定义  
适用于: 所有对象  
向下兼容: 否  
右边框属性是一个用于设置一个元素右边框的宽度、式样、和颜色的略写。
注意只能给出一个边框式样。也可以使用略写的边框属性。

10.下边框以下是引用片段:  
语法: border-bottom: <值>   
允许值: <下边框宽度> || <边框式样> || <颜色>   
初始值: 未定义   
适用于: 所有对象   
向下兼容: 否   
下边框属性是一个用于设置一个元素的下边框的宽度、式样和颜色的略写。
注意只能给出一个边框式样。也可以使用略写的边框属性。

11.左边框以下是引用片段:  
语法: border-left: <值>   
允许值: <左边框宽度> || <边框式样> || <颜色>   
初始值: 未定义   
适用于: 所有对象   
向下兼容: 否   
左边框属性是一个用于设置一个元素左边框的宽度、式样和颜色的略写。注意只能给出一个边框式样。也可以使用略写的边框属性。 下面的细线表格是用cellspacing来实现的,用表格的背景色做为边框的颜色。
不方便的是每一行都要再设置一个背景色。
温馨提示:答案为网友推荐,仅供参考
第1个回答  推荐于2016-06-14
你编写表格的时候可以这样:
把第一列变成th ,这样就可以方便的控制了。
例如:三行三列的表格可以这样写:

<table>
<tbody>
<tr>
<th></th> <td></td><td></td>
</tr>
<tr>
<th></th> <td></td><td></td>
</tr>
<tr>
<th></th> <td></td><td></td>
</tr>
</tbody>
</table>

或者你可以分别设置不同的类来达到控制的目的。
CSS可以这样写

th{
width:100px;
}
td{
width:200px;
}本回答被提问者采纳
第2个回答  2019-05-03
style里
td{
width: 200px
}
.firsttd{
width: 100px


html里
<table>
<tr>
<td class=“firsttd”>1</td>
<td>2</td>
</tr>
<tr>
<td class=“firsttd”>1</td>
<td>2</td>
</tr>
</table>
手机写的,很麻烦,所以简单写一下。希望能帮到你。
第3个回答  2019-05-08
table { table-layout:fixed; } table tr td:first-child,table tr td:first-child{ width:120px; } 你只要把首行 第一个td定宽 同列的宽度都会和他一样. 你要注意的是 第一行 第一个用的是 td 还是 th
第4个回答  2019-05-05
上边框宽度属性用于指定一个元素上边框的宽度。值可以是三个关键字其中的一个,都不受字体大小或长度的影响,可以用于实现成比例的宽度。

相关了解……

你可能感兴趣的内容

本站内容来自于网友发表,不代表本站立场,仅表示其个人看法,不对其真实性、正确性、有效性作任何的担保
相关事宜请发邮件给我们
© 非常风气网