主题:  怎样外部定义表格第一行的样式属性,还有立体效果

lilish

职务:普通成员
等级:2
金币:0.0
发贴:408
#12005/8/15 14:28:45
我忘记了,有个属性专门定义表格第一行的,可以控制表格第一行的样式,不知道怎样用外部样式表来写。
还有一个问题。就是表格体现立体感觉的样式,我在单个页面的TABLE里面,可以这样:
<TABLE cellSpacing=0 borderColorDark=white width=320
align=center bgColor=#f2f2f2 borderColorLight=#bbbbbb
border=1>

可是外部样式表,好像没有borderColorLight这个属性,但我怎样来在外部样式表里面,使表格有立体感的样子呢~~就像我上面那段代码里的感觉。

求助求助



沉默是金

职务:普通成员
等级:6
金币:11.2
发贴:4357
#22005/8/15 15:35:04

[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]


难人一个……

lilish

职务:普通成员
等级:2
金币:0.0
发贴:408
#32005/8/15 16:55:27
你好啊。请看这个图片-_-!



图片如下:


可是还是做不出来我想要的效果,我的CSS文件。
table{
border:1px solid #14949f;
}
th{
    border-left-width:1px;
    border-right-width:1px;
    border-bottom-width:1px;
    border-top-width:1px;
    border-left-color:#14949F;
    border-right-color:#ffffff;
    border-bottom-color:#14949F;
    border-top-color:#ffffff;
    border-left-style:solid;
    border-right-style:solid;
    border-bottom-style:solid;
    border-top-style:solid;
    background-color:#CAE5ED;
}
td{
    border-left-width:1px;
    border-right-width:1px;
    border-bottom-width:1px;
    border-top-width:1px;
    border-left-color:#14949F;
    border-right-color:#ffffff;
    border-bottom-color:#14949F;
    border-top-color:#ffffff;
    border-left-style:solid;
    border-right-style:solid;
    border-bottom-style:solid;
    border-top-style:solid;
    font-size: 12px;
    LINE-HEIGHT:120%;
    background-color:#EAF6F9;
    text-align:text;
    border-collapse:0px;
}



lilish

职务:普通成员
等级:2
金币:0.0
发贴:408
#42005/8/15 16:57:18
这段代码做出来后,链接到页面里,就是图片的第二个表格的样子了-_-!
单元格之间的间距也大了些,可是我用    border-collapse:1px
这个好像也不对
请帮一下~



沉默是金

职务:普通成员
等级:6
金币:11.2
发贴:4357
#52005/8/15 17:19:26

[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]

你不是已经做出了希望的效果了吗?


难人一个……

lilish

职务:普通成员
等级:2
金币:0.0
发贴:408
#62005/8/15 17:49:20
嗯~~那个TH的样式,你也看到了第一个表格的第一行(它是有几个单元格组成的,和下面几行一样),可是我试了一下,我在TH的那一行加单元格,却不能加,加上去的只是TR行的单元格,TH那行还是一个单元格,我想请问一下,因为表格比较多,怎样在外部的样式里,设置表格的第一行的样式啊?就是和其它的TR,TD区别开的。~~
谢谢:)



lilish

职务:普通成员
等级:2
金币:0.0
发贴:408
#72005/8/15 17:54:34
虽然做出来的,但感觉特怪,因为表格的“下”和“左”的边框特别粗-_;



{ 在指尖上绽放的花朵 }

职务:普通成员
等级:5
金币:14.0
发贴:3209
#82005/8/16 10:08:40

[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]



lilish

职务:普通成员
等级:2
金币:0.0
发贴:408
#92005/8/16 10:58:58
谢谢你啊行者~~
我还有个问题,例如像这个:
<td height="34" style='word-break:break-all;word-wrap: break-word'>d


在外部样式表里面,有'word-break的功能设置吗?我写入后,好像没有这个属性。



{ 在指尖上绽放的花朵 }

职务:普通成员
等级:5
金币:14.0
发贴:3209
#102005/8/16 12:02:34
有的。。

引用:

td {
word-break: break-all;
word-wrap: break-word;
}



lilish

职务:普通成员
等级:2
金币:0.0
发贴:408
#112005/8/17 9:08:17
谢谢你啊行者~~
因为我在外部样式表里面发现,只要写上几个字母(例如FO),就会出现FONT,这样记议的功能,而在写WORD-wrap的时候,却没有出来。我写上去以后,以为是错的呢~~~谢谢你^^