使用CSS给表格添加边框的代码问题

公司OA系统要做表单,从EXCEL复制出来的表格粘贴到网页中,没有边框想通过CSS 显示边框

CSS代码如下
<head><style type="text/css">
table
{
border-collapse: collapse;
border: none;
}
td
{
border: solid #000 1px;
}
</style>
</head>
代码添加完后就产生了这样的效果
我只是想给表格加个边框 没想到网页居然变成这样子了!!
怎样使代码只对下面的表格生效!!!

    这是因为你css写的问题,你写的css,对所有页面的table标签都加样式了。

    解决方案:

    把你添加进去的表格,放在div标签里头,


    <div class="mystyle"><table></table>(这里是你复制进来的代码)</div>然后你css代码这么写:<style type="text/css"> 
    .mystyle table 

    border-collapse: collapse; 
    border: none; 

    .mystyle td 

    border: solid #000 1px; 

    </style>
追问

非常感谢啊!!!解决大问题了

温馨提示:内容为网友见解,仅供参考
第1个回答  2015-03-24
你在下面的table加个id属性 ,然后针对id去写CSS就不会影响其它的了。追问

能够给出具体代码么 我是小白不懂这个的

追答

例如下面的表格

#tab_border{ border-collapse: collapse; border: none; }
#tab_border td { border: solid #000 1px; }

第2个回答  2015-03-24
你不要所有的td都加上边框呀,只在需要的td上添加
td代表的是所有的单元格!追问

怎样加呢?我是小白

table
{ border-collapse: collapse;
border: none; }
td
{ border: solid #000 1px; }

相似回答