用css设置的TABLE边框格式代码
TABLE{
BORDER-RIGHT: #888 1px solid;
BORDER-TOP: #888 1px solid;
MARGIN-TOP: 10px;
BORDER-LEFT: #888 1px solid;
WIDTH: 100%;
BORDER-BOTTOM: #888 1px solid;
FONT-FAMILY: Arial, Helvetica, sans-serif;
BORDER-COLLAPSE: collapse;
}
TABLE PRE {
BORDER-TOP-WIDTH: 0px;
PADDING-RIGHT: 0px;
PADDING-LEFT: 0px;
BORDER-LEFT-WIDTH: 0px;
BORDER-BOTTOM-WIDTH: 0px;
PADDING-BOTTOM: 0px;
MARGIN: 0px;
WIDTH: auto;
PADDING-TOP: 0px;
BACKGROUND-COLOR: transparent;
BORDER-RIGHT-WIDTH: 0px;
}
TABLE TH {
BORDER-RIGHT: #888 1px solid;
PADDING-RIGHT: 15px;
BORDER-TOP: #888 1px solid;
PADDING-LEFT: 5px;
PADDING-BOTTOM: 5px;
VERTICAL-ALIGN: baseline;
BORDER-LEFT: #888 1px solid;
PADDING-TOP: 5px;
BORDER-BOTTOM: #888 1px solid;
BACKGROUND-COLOR: #ccc;
}
TABLE TD {
BORDER-RIGHT: #aaa 1px solid;
PADDING-RIGHT: 15px;
BORDER-TOP: #aaa 1px solid;
PADDING-LEFT: 5px;
PADDING-BOTTOM: 5px;
VERTICAL-ALIGN: text-top;
BORDER-LEFT: #aaa 1px solid;
PADDING-TOP: 5px;
BORDER-BOTTOM: #aaa 1px solid;
BACKGROUND-COLOR: #efefef;
}
相关文档：
CSS 盒模型
网页设计中的每个元素都是长方形的盒子。盒子的尺寸是怎样精确计算的，请看下图：
如果是 Firebug 用户的话(基本和前端有关的都会用到 Firebug 吧 – 糖伴西红柿)，就会很熟悉下面的图表了。
这个图表很好地展示了作用于页面上任意盒子的数值。
注意以上两个例子中，margi ......
Internet Explorer 8预设是以CSS 2.1为标准，并修正了许多Internet Explorer 7的CSS Bug，这意味着有一部份以往依据IE 7所设计的网页，
在IE 8上的呈现会有所出入，所幸拜IE 7相容检视功能所赐，目前因使用IE 8而导致版面错误的网站并不多。
但一值依赖IE 7相容检视功能并非长久之计，尽早将网站修改为IE 8相容才是长久 ......
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>无标题页</title>
<LINK href="../css/skin1.css" mce_href="css/skin1.css" rel="stylesheet" type="text/css">
<mce:script language="JavaScript" type="text/javascript"><!--
function changeSkin(n ......
注："elm"代表某个DOM元素，"xxx"代表某个CSS属性
一、elm.style.xxx 只能获取内联样式里的值
要想获得正确的css值：
IE：elm.currentStyle[xxx]
W3C标准：document.defaultView.getComputedStyle(elm,"")[xxx]
注意：用IE方法返回值可能不是数字，而是auto；用w3c的方法总是会返回数字+单位
三、offsetLeft
......
1. document.formName.item("itemName") 问题
说明:IE下,可以使用document.formName.item("itemName")或document.formName.elements["elementName"];
Firefox下,只能使用document.formName.elements["elementName"].
解决方法:统一使用document.formName.elements["elementName"].
2.集合类对象问题
说明:IE下,可 ......
