怎样把定义好的边框CSS调用到td标签里
<tdstyle="border-left:1px#CCCCCCsolid;border-right:1px#CCCCCCsolid;border-bottom:1px#...
<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里调用吗?因为这样网页预览出来代码太多了 展开
这些代码是我设置好的,放在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里调用吗?因为这样网页预览出来代码太多了 展开
3个回答
展开全部
把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",对应的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同一目录，就要写完整路径了。
新建一个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",对应的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同一目录，就要写完整路径了。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
把定义好的边框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边框调用。
<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>
td{border-left:1px #CCCCCC solid; border-right:1px #CCCCCC solid; border-bottom:1px #CCCCCC solid;}
</style>
<td></td>
td{border-left:1px #CCCCCC solid; border-right:1px #CCCCCC solid; border-bottom:1px #CCCCCC solid;}
</style>
<td></td>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
