关于大家看下面的代码,是两个表格<html><head><title>biaoge</title><styletype=”text/css”>.bk4{background-color:#FFFFFF; :1px;border-right- :1px;border-top- :solid;border-left- :#7690CC;border-right-color:#B1C3ED;border-left-color:#B1C3ED;border-bottom- :solid;border-bottom-color:#B1C3ED;}</style></head><body><tablewidth=”80%”border=”1″cellspacing=”0″cellpadding=”0″bordercolor=#B1C3ED><tr><td>aa</td></tr></table><br><br><tablewidth=”80%”border=”0″cellspacing=”0″cellpadding=”0″class=bk4><tr><td>bbbb</td></tr></table></body></html>第一个定义border=1第二个使用css定义的,边框宽度也是1颜色都一样为什么两个效果不一样?的问题
我看法是这样的:
不能做 1px 的细线框, 当我们设定border=”1″ 实际上是2px,也就是说,如果设定border=”n”(n>0),线宽为(n+1)px,请试一下:
你会看到亮边为红/暗边为黑的3D框——–亮边/暗边各占1px---这时 border=”1″
另外:
第一个表为时
将第二个表的style/border-width属性值均改为2px——–看看显示效果--一样一样的了
***************************************
CSS确实是很方便地实现了1px 的细线框,但是如果浏览器不支持CSS,怎么办呢,只好用(1 X 1) px的gif图片了,因此,现在仍有一些”以人为本”的网站继续使用(1 X 1) px的gif图片实现1px 的细线框,方便不支持CSS的浏览器