注册 登录
编程论坛 WEB前端(UI)

[分享]html(表格的颜色)

tml327 发布于 2007-11-11 19:55, 3634 次点击

表格的颜色:

在表格中,既可以对整个表格填入底色,也可以对任何一行、一个表元使用背景色。

  表格的背景色彩   <table bgcolor=#>

  行的背景色彩    <tr bgcolor=#>

  表元的背景色彩   <th bgcolor=#>或 <td bgcolor=#>

  #=rrggbb 16进制 RGB数码, 或者是下列预定义色彩名称:
Black:黑色, Olive:橄榄色, Teal:凫色, Red:大红色, Blue:蓝色, Maroon:栗色, Navy:深蓝色, Gray:灰色, Lime:浅绿色, Fuchsia:紫红色, white:白色, Green:绿色, Purple:紫色, Silver:水银色, Yellow:黄色, Aqua:水绿色/浅绿色(偏蓝)

举例:

<html>
<head>
<title><title>
</head>

<table border=2 bgcolor=aqua>
<tr>
<th bgcolor=ffaa00>彩电</th> <th bgcolor=Red>冰箱</th> <th rowspan=2>家电</th>
<tr bgcolor=yellow>
<td>A</td><td>B</td>
</table>

</body>
</html>

表格边框的色彩设置:<table bordercolor=#>

表格边框色彩亮度设置:<table bordercolorlight=#>

<table bordercolordark=#>

表格的分组显示:

按行分组:

<thead>...</thead>--------表的题头(Header)

<tbody>...</thbody>-------表的正文(Body)

<tfoot>...</tfoot>-----------表的脚注(Footer)

按列分组

<colgroup align=#> #=left, right, center

<col span=#> #=从左边数起,具有指定属性的列的列数

<col align=#> #=left, right, center

边框的显示:

显示所有边框:<table frame=box>

只显示上边框:<table frame=above>

只显示下边框:<table frame=below>

只显示上、下边框:<table frame=hsides>

只显示左、右边框:<table frame=vsides>

只显示左边框:<table frame=lhs>

只显示右边框:<table frame=rhs>

不显示任何边框:<table frame=void>

分隔线(Rules)的显示

显示所有分隔线:<table rules=all>

只显示组(Group)与组之间的分隔线(要和组标签搭配使用):

<table rules=groups>

只显示行与行之间的分隔线:<table rules=rows>

只显示列与列之间的分隔线:<table rules=cols>

不显示任何分隔线:<table rules=none>

12 回复
#2
huangyong2007-11-12 12:19
还不错,值得收藏
#3
tml3272007-11-12 12:55
谢谢版主的鼓励!,有时间我一定把我学的分享给大家,会与大家分享更多的东西!
#4
无缘今生2007-11-12 13:40
very nice!!!
#5
tml3272007-11-12 16:06
恩!
#6
luo1232007-11-13 22:49

不错!收下了。

#7
dushui2652007-11-14 09:42
学习了
#8
tml3272007-11-14 14:49
共同学习!
#9
kobe4122007-11-14 18:02
#10
tml3272007-11-15 12:10
要经常练习,练习练习再练习!
#11
网络爱好者2007-11-18 14:01
很好

谢谢分享
#12
那边有朵蘑菇云2007-11-26 10:42
在仔仔细细地看了这个程序以后,我的心久久不能平静,震撼啊!为什么会有如此牛B的程序?!我纵横网络bbs多年,自以为再也不会有任何程序能打动我,没想到今天看到了如此精妙绝伦的这样一个程序。
     楼主,是你让我深深地理解了‘人外有人,天外有天’这句话。谢谢侬!
     在看完这程序以后,我没有立即回复,因为我生怕我庸俗不堪的回复会玷污了这网上少有的帖子。但是我还是回复了,因为觉得如果不能在如此精彩的帖子后面留下自己的网名,那我死也不会瞑目的!能够在如此精彩的帖子后面留下自己的网名是多么骄傲的一件事啊!楼主,请原谅我的自私!
     我知道无论用多么华丽的辞藻来形容楼主您帖子的精彩程度都是不够的,都是虚伪的,所以我只想说一句:您的帖子太好看了!我愿意一辈子的看下去!
     这篇帖子构思新颖,题材独具匠心,段落清晰,情节诡异,跌宕起伏,主线分明,引人入胜,平淡中显示出不凡的文学功底,可谓是字字珠玑,句句经典,是我辈应当学习之典范。
     就小说艺术的角度而言,这个程序不算太成功,但它的实验意义却远远大于成功本身。正所谓:“一马奔腾,射雕引弓,天地都在我心中!”楼主真不愧为无厘界新一代的开山怪!
     本来我已经对这个社区失望了,觉得这个社区没有前途了,心里充满了悲哀。但是看了你的这个帖子,又让我对社区产生了希望。是你让我的心里重新燃起希望之火,是你让我的心死灰复燃,是你拯救了我一颗拨凉拨凉的心!
     本来我决定不会在社区回任何帖子了,但是看了你的帖子,我告诉自己这个帖子是一定要回的!这是百年难得一见的好贴啊!苍天有眼啊,让我在优生之年得以观得如此精彩绝伦的帖子!
     楼主,你要继续努力啊!你是社区的希望啊!
#13
xinxue2007-12-07 18:59
不错,挺好的,收下了,谢谢了
1