HTML中有多个table怎么在css中定义TD不同的样式？

html-css020

HTML中有多个table怎么在css中定义TD不同的样式？,第1张

设置每个table的样式，比如class=tab1，class=tab2，然后在样式表设置

.tab1 td{这里为tab1的样式}

.tab2 td{这里为tab2的样式}

而不用一个个去设置td class="xx"了 毕竟比较麻烦。

如下代码：

<table >

<td class="style1" >内容</td >

</table >

<table >

<td class="style2" >内容</td >

</table >

在CSS中定义:

.style1 {

}

.style2 (

}

或者是给TD加上class，相同样式用的相同Class，不同样式用的不同Class

把style="..."去掉，这个是内联css样式，级别最高，但维护最麻烦，而且导致html里面的代码量大很多，不易阅读。

新建一个css文件(新建文本文件把后缀名改成.css就可以了），最好在当前目录下，这样引用时不用写路径，比如现在建个a.css

文件内容如下

td{border-left:1px #CCCCCC solidborder-right:1px #CCCCCC solidborder-bottom:1px #CCCCCC solid}

其中td是选择符，表示后面大括号内样式的作用对象，这里是所有的td标签，

如果想对某个td或其他标签设计样式，可以给它个id比如id="td1"，若是给一类东西用相同样式，就给他们都加上相同的class比如class="btn",对应的css里面选择符用

#td1{}

.btn{}

大括号里面写上你的样式规则。

#号选择id .号选择class 标签的话就直接标签名就可以了，比如body table p a 都可以直接做选择符。

最后，在你要引用这个css的地方（html,aspx等），在<head>和</head>之间，加上导入css的标签

<link type="text/css" rel="stylesheet" href="a.css">其中type和rel都可以不写，是为了告诉别人这里导入的是css样式文件，href后面是文件路径，如果不在你的html同一目录，就要写完整路径了。