下面来个例子，你可以复制到你的编辑器里修改测试
<style type="text/css">
table.gridtable {}{
font-family: verdana,arial,sans-serif
font-size:11px
color:#333333
border-width: 1px
border-color: #666666
border-collapse: collapse
}
table.gridtable th {}{
border-width: 1px
padding: 8px
border-style: solid
border-color: #666666
background-color: #dedede
}
table.gridtable td {}{
border-width: 1px
padding: 8px
border-style: solid
border-color: #666666
background-color: #ffffff
}
</style>
<!-- Table goes in the document BODY -->
<table class="gridtable">
<tr>
<th>Info Header 1</th><th>Info Header 2</th><th>Info Header 3</th>
</tr>
<tr>
<td>Text 1A</td><td>Text 1B</td><td>Text 1C</td>
</tr>
<tr>
<td>Text 2A</td><td>Text 2B</td><td>Text 2C</td>
</tr>
</table>
CSS（层叠样式表）级联样式表是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。
分类: 电脑/网络 >>互联网解析:
建立多个CSS样式...
然后对文本以CSS进行控制..
需要说明的是
一般对于超链接颜色会有四种样式,分为Link,visited,mouse on,mouse off(原始状态,已浏览过状态,鼠标悬停状态,鼠标离开状态)
在普通的CSS样式中(包括自动生成的样式),是以如下形式将其进行定义的
a:link a:visited a:mouseon a:mouseoff
(a代表ahref,意为超链接)
这样子做了之后.只要加上了超链接..那么所有的就一样了...原因是超链接的CSS样式未被分开..因为你只对超链接进行了一种控制..
要达到不同的效果.你可以分开..
这样做.
比对于第一种超链接样式.
先建一个CSS样式名为1,定义它的原始属性(即没有链接的属性)
打开CSS编辑器..在CSS样式表中..找到样式1.紧跟他后面写入对于样式1的链接属性.写法
a.1:link a.1:visited .... (四种写完)
然后再建样式2..同时为样式2写入超链接属性.
a.2:link a.2:visited ....(四种写完)
懂了没?
关键就是为超链接属性进行不同的分类..分类的方法是在a:link的a后面加上".+CSS名称"
