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

大家帮我想一下,我想要设置table第一列的宽度为100px,其他的为200px,这个要怎么用CSS设置啊!我是想一次性设置几张表,不要每张表都去设,谢谢大家!... 大家帮我想一下,我想要设置table第一列的宽度为100px,其他的为200px,这个要怎么用CSS设置啊!我是想一次性设置几张表,不要每张表都去设,谢谢大家! 展开
 我来答
du瓶邪
推荐于2016-03-21 · TA获得超过2.4万个赞
知道大有可为答主
回答量:1.7万
采纳率:100%
帮助的人:2817万
展开全部
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来实现的,用表格的背景色做为边框的颜色。
不方便的是每一行都要再设置一个背景色。
TableDI
2024-07-18 广告
作为上海悉息信息科技有限公司的一员,我们专注于提供高效的数据处理解决方案。对于多个文件表格的合并需求,我们通常采用专业的数据整合技术,确保数据的准确性和一致性。通过精确匹配表格字段和格式,我们能够快速、准确地将多个表格合并成一个,为用户提供... 点击进入详情页
本回答由TableDI提供
xj_2yuan
推荐于2016-06-14 · TA获得超过400个赞
知道小有建树答主
回答量:211
采纳率:0%
帮助的人:306万
展开全部
你编写表格的时候可以这样:
把第一列变成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;
}
本回答被提问者采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
纯简拉基茨德丶
2019-05-03 · TA获得超过464个赞
知道小有建树答主
回答量:1580
采纳率:45%
帮助的人:64.5万
展开全部
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>
手机写的,很麻烦,所以简单写一下。希望能帮到你。
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
l7722526
2019-05-08 · TA获得超过2.7万个赞
知道大有可为答主
回答量:2.8万
采纳率:84%
帮助的人:3647万
展开全部
table { table-layout:fixed; } table tr td:first-child,table tr td:first-child{ width:120px; } 你只要把首行 第一个td定宽 同列的宽度都会和他一样. 你要注意的是 第一行 第一个用的是 td 还是 th
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
风车车jia
2019-05-05
知道答主
回答量:4
采纳率:0%
帮助的人:2831
展开全部
上边框宽度属性用于指定一个元素上边框的宽度。值可以是三个关键字其中的一个,都不受字体大小或长度的影响,可以用于实现成比例的宽度。
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(9)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式