怎样把定义好的边框CSS调用到td标签里

html-css012

怎样把定义好的边框CSS调用到td标签里,第1张

把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同一目录,就要写完整路径了。

晕 楼主好刁钻啊,按照你的意思

<table>

<tr>

<td>第1格</td>

<td>第1格</td>

<td>第2格</td>

</tr>

</table>

这段代码是一点都不能动了? 我做了段js代码,适合你的例子,也只有这种方法了!

<script type="text/javascript">

var firstname=document.getElementsByTagName("td")

firstname[0].style.backgroundColor="red"

firstname[1].style.backgroundColor="blue"

firstname[2].style.backgroundColor="yellow"

</script>

不过这段代码必须加在<table>...</table>后,不能加在<head>内,因为代码有作用必须在页面元素加载完毕后再执行才行,并且在实际中并适合用于大的网页,比如你的页面表格很多,td元素数组长度就很大,遍历时数组下脚值就是个大问题,还是你建议多辅助些css.

设置每个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