还是用border定义
如果页面中的所有表格都要定义的话，可以如下定义：
table {
border-top:1px solid #F00/*上部边框*/
border-bottom:1px solid #F00/*下部边框*/
border-left:1px solid #000/*左部边框*/
border-right:1px solid #000/*右部边框*/
}
如果只定义某个table，可以如下定义：
.colorfultable {
border-top:1px solid #F00/*上部边框*/
border-bottom:1px solid #F00/*下部边框*/
border-left:1px solid #000/*左部边框*/
border-right:1px solid #000/*右部边框*/
}
===============
如果页面中的所有表格内都要定义的话，可以如下定义：
table td {
border-top:1px solid #F00/*上部边框*/
border-bottom:1px solid #F00/*下部边框*/
border-left:1px solid #000/*左部边框*/
border-right:1px solid #000/*右部边框*/
}
如果只定义某个table，可以如下定义：
.colorfultable td {
border-top:1px solid #F00/*上部边框*/
border-bottom:1px solid #F00/*下部边框*/
border-left:1px solid #000/*左部边框*/
border-right:1px solid #000/*右部边框*/
}
<table border="0" cellspacing="0" cellpadding="0" class="colorfultable ">
DIV不能直接垂直居中对齐，虽然DIV中有属性vertical-align:middle但是这种方式没有效果，如果是单行文本，用line-height就可以实现垂直居中如果是多行，用填充padding的方式吧
<table alagin="center">
水平居中可以用margin:auto来实现，而垂直居中可以先得到页面的高度，然后减去元素的高度除以2，将得到的值设置为元素距离顶部的高度即可。
例子：
<div id="div" style="width: 200pxheight: 200pxbackground-color: blackmargin:auto"></div><script>
document.getElementById("div").style="position: absolutetop"+Math.floor((document.documentElement.clientHeight-200)/2)+"px"
</script>
以上就是让div动态居中。
