css如何设置表格中的字体大小?

html-css06

css如何设置表格中的字体大小?,第1张

CSS设置表格字体的大小,直接定义table

td就可以。

td{font-size:12px}

如果有多个表格,需要分别定义,可以给每个表格添加不同的class。

例子:

这是表格一

这是表格二

相应的css为:

.a

td{font-size:12px}

//表格1的字体是12px

.b

td{font-size:14px}//表格2的字体是14px

除了定义字体大小外,还可以定义其他CSS样式,非常的方便。

语法 <td align="value">

属性值 值 描述

left左对齐内容(默认值)。

right右对齐内容。

center居中对齐内容。

justify对行进行伸展,这样每行都可以有相等的长度(就像在报纸和杂志中)。

char将内容对准指定字符。

<tr>

<td align="right">aaaaaaaaaaa</td>

<td align="left">bbbbbbbbbb</td>

<td align="left">ccccccccccc</td>

</tr>

如果是简单的表格,直上直下没有跨列或者跨行的:

td { text-overflow:ellipsiswhite-space:nowrapoverflow:hidden} /* 设置不换行 省略号显示*/

然后只需要再给第一行的td分别加上class,例如:

<tr>

<td class="item1">单元格</td>

<td class="item2">单元格</td>

<td class="item3">单元格</td>

<td class="item4">单元格</td>

<td class="item5">单元格</td>

<td class="item6">单元格</td>

</tr>

然后,分别设置宽度

.item1 { width:20% }

....

.item6 { width:5% }

其他行同列的单元格会被撑开

比较复杂的有跨列或者跨行的表格,设置方法类似,但是就是要计算一下,比较麻烦。