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

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了怎样用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来实现的,用表格的背景色做为边框的颜色。
不方便的是每一行都要再设置一个背景色。
参考技术A 你编写表格的时候可以这样:
把第一列变成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;
本回答被提问者采纳
参考技术B 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>
手机写的,很麻烦,所以简单写一下。希望能帮到你。
参考技术C table table-layout:fixed; table tr td:first-child,table tr td:first-child width:120px; 你只要把首行 第一个td定宽 同列的宽度都会和他一样. 你要注意的是 第一行 第一个用的是 td 还是 th 参考技术D 上边框宽度属性用于指定一个元素上边框的宽度。值可以是三个关键字其中的一个,都不受字体大小或长度的影响,可以用于实现成比例的宽度。

c# 动态添加表格,怎么设置一列的宽度

托了一个table控件,在后台
TableRow row = new TableRow();然后列也是这么出来的

,我想设置列的宽度,用列的width属性不行啊

获取表格的属性,然后就可以设置,参考方法如下:


  Table newTable = WordDoc.Tables.Add(WordApp.Selection.Range, 10, 3, ref Nothing, ref Nothing);

//表格属性
  newTable.Borders.OutsideLineStyle = WdLineStyle.wdLineStyleThickThinLargeGap;
  newTable.Borders.InsideLineStyle = WdLineStyle.wdLineStyleSingle;

//列宽度
  newTable.Columns[1].Width = 100f; 
  newTable.Columns[2].Width = 200f;
  newTable.Columns[3].Width = 300f;

//总宽度
float TableWidth=3个列宽相加;
参考技术A 设置你的header的Row里面的TableCell的宽度,如果没有那就添加Attributes.Add("width","值")追问

TableCell cell = new TableCell();

cell.width=怎么写?
他也不是string类型的

追答

那就是宽度罗 Width=3

追问

没用啊
cell.height=...是可以的
不知道怎么width没用

追答

设置第一行的cell

本回答被提问者和网友采纳
参考技术B 你需要设置的是table中的类似ColumnWidth这样的属性,而不是用一个TableRow

以上是关于怎样用CSS设置table第一列样式的主要内容,如果未能解决你的问题,请参考以下文章

css样式表中如何设置table的第一列的宽度是固定值。页面中有很多table纵向排列

css让表格第一列和第一行固定

html 如何在css 里设置table 的个个列的固定宽度

表格在固定表头遇到样式问题

怎么用CSS设置html中的表格边框样式

怎样用CSS为TBODY定义BORDER和HEIGHT