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

来源：百度知道 编辑：UC知道 时间：2024/06/04 10:36:46
<td style="border-left:1px #CCCCCC solid; border-right:1px #CCCCCC solid; border-bottom:1px #CCCCCC solid;"></td>

这些代码是我设置好的,放在TD里了,可是别人说这样的话读出来代码会非常多,我该怎样把这些代码放到CSS里面,怎样在TD里调用呢,因为刚接触不太懂,谢谢了!
我用的是表格,我是直接把代码放进去TD里了,源代码是这样<td height="320" style=" border-left:1px #CCCCCC solid; border-right:1px #CCCCCC solid; border-bottom:1px #CCCCCC solid;" valign="top" bgcolor="#FDF3FB">,你用的DIV+CSS我也知道,可是没有办法把那一段代码放进CSS里,然后直接在TD里调用吗?因为这样网页预览出来代码太多了

把定义好的边框CSS调用到td标签里，首先，要将一个CSS样式给一个元素，就需要获取到这个元素，一般是通过给id或者是class这里因为已经确定了元素，所以直接使用td就行，通过具体的代码来理解：
<html>
<head>
<style>
.keepbj{ //通过class来设置
width:100px;
height:50px;
font-size:13px;
}
td{
border:1px solid #f00;
}
</style>
</head>

<body>
<div class='keepbj'>
<table>
<tr>
<td>我是测试文字</td>
</tr>
</table>
</div>
</body>
</html>
这样就实现了对td边框调用。

把style="..."去掉，这个是内联css样式，级别最高，但维护最麻烦，而且导致html里面的代码量大很多，不易阅读。
新建一个css文件(新建文本文件把后缀名改成.css就可以了），最好在当前目录下，这样引用时不用写路径，比如现在建个a.css
文件内容如下
td{border-left:1px #CCCCCC solid; border-right:1px #CCCCCC solid; border-bottom:1px #CCCCCC solid;}
其中td是选择符，表示后面大括号内样式的作用对象，这里是所有的td标签，
如果想对某个td或其他标签设计样式，可以给它个id比如id="td1"，若是给一类东西用相同样式，就给他们都加上相同的class比如class="btn&qu