html中我的css标签无效

Posted 2023-04-18

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了html中我的css标签无效相关的知识，希望对你有一定的参考价值。

<html>
<head>
<title>personal center</title>
<style>
#a1 border: 0px
#a2 border: 1px
</style>
</head>
<body bgcolor="#f3f3f2">
<table align="center" width="1507" height="964" >
<tr bgcolor="#008cce" width="1509" height="59" class="a1">
<td ><center><u>首页</U></center></td>
<td><center><u>个人中心</U></center></td>
<td><center><u>留言板</U></center></td>
<td><center><u>注册</U></center></td>
</tr>
<tr width="1509" height="79" class="a2">
<td colspan="3">通知本次测验html基础</td>
<td>最后的黎明-星辰</td>
</tr>
<tr width="1294" height="656" class="a2">
<td colspan="3">个人中心</td>
<td></td>
</tr>
<tr width="1506" height="61" class="a2">
<td colspan="4"></td>
</tr>
</table>
</body>
</html>
我的<style>
#a1 border: 0px
#a2 border: 1px
</style> 在下方未生效
跪求大神解答

#是id选择器，而你的html中并不存在id为a1和a2的元素，所以css无法匹配到。类（class）选择器要用小数点，所以应该这样：
<style>
.a1 border: 0px
.a2 border: 1px
</style>追问

兄弟我改了也不行啊

追答

.a1 td border: none
.a2 td border: 1px solid #000

这样呢？

参考技术A 你想把边框弄出来吧
<table align="center" width="1507" height="964" border="1" cellpadding="0" cellspacing="0">
这句改一哈来。
还有你的class=“a2”
上方样式是.a2而不要去用#，#是选择id的，并且全局只会生效一个
还有你要加边框，通常会有三个参数：border: 边框线类型线粗细线颜色；
有帮助别忘记采纳哦亲参考技术B #a1 border: 0px
#a2 border: 1px
#是id选择器，而你的标签没有id，你的是class。你需要修改成
.a1 border: 0px
.a2 border: 1px
或者给标签添加id
<tr bgcolor="#008cce" width="1509" height="59" class="a1" id="a1"> 参考技术C 边框 border 有三个参数的：大小线形颜色
比如：border:1px solid red; 表示把边框设置为：大小1像素，线形为实线，颜色为红色。
也可以分开设置，如下所示（效果一样）：
border-width:1px;
border-style:solid;
border-color:red; 参考技术D 你的a1 ,a2不是类名吗？你样式是id名了,另外你还需要给table加上border-collapse: collapse;属性这样你给tr添加的边框颜色才会显示，要不然默认td的边框样式会覆盖掉tr的边框样式