Question

如何div中边框border 在不同浏览器中不显示

<div style=" width:300px; height:200px; border:1 solid #ff0000; background:#FFCCCC;"></div> 边框不显示在firefox中

<table height="539" border="1" cellpadding="1" cellspacing="0" bordercolor="#C0DEFF" >
<tr>
<td >agbc</td>
</tr>
</table> 在 firefox 边框却显示 黑色的 不是设置的颜色

Answer 1

现在浏览器对于边框的处理方式都是一样的，都是在原有宽度的基础上再加上边框的宽度。一般来说，比较好的作法是div在设定宽度的时候减去border的宽度。当然这样可能之前预设的整数宽度，例如200px，就会变成一个类似于198px的数值，在观感上让人略有不爽。所以对于ie8及以上版本的浏览器，可以使用box-sizing这个css3的样式，设置属性值为border-box，这样就可以让div的宽度等于内容+padding+border的宽度。具体的定义方法可以是下面这样：
.box
{box-sizing:border-box;
width:200px;
border:1px
solid
#ccc;}
这样div的宽度就不会受到border、padding这些样式的影响了~~不过ie6和7是不支持这个属性的，使用的时候要留意~~
再补充一下，如果是希望宽度等于内容+padding+border的话，就可以这样定义：box-sizing:content-box;

Answer 2

border： 1px solid #ffffff;这个是定义一个边框，它本身不存在内外边框之分，是有内外边距；

padding： 1px;设定内容到内边距的距离为一个像素，

相反的margin：1px;设定的是外边距；

如果想让这个方框外面加一个框，那就重新加一个div；

Answer 3

第一个问题楼上正解,1后面没加单位px.

第二个问题没有办法,因为firefox 浏览器解释的时候自作聪明的想把表格弄出个立体效果,所以在左边和上边的边框上加了投影,让人感觉是黑色的.

你可以在表格上加样式,如:
<table height="539" border="0" cellpadding="0" cellspacing="0" style="border:1px solid #C0DEFF" >
就可以了

Answer 4

我只能大概知道第一个问题。可能 border:1 solid #ff0000;1后面要写象素 1px solid #ff0000;试一下
第2种 没出现过