border-collapse: collapse //相邻边被合并
background-color: #cccccc//设置表格背景色
border-top: 1px solid #000000 //设置表格上边框颜色
border-left: 1px solid #000000 //设置表格左边框颜色
border-right: 1px solid #000000 //设置表格右边框颜色
border-bottom: 1px solid #000000 //设置表格下边框颜色
}
td {
border-right: 1px solid #000000 //设置td颜色
border-bottom: 1px solid #000000 //
}
表格制作练习可以到实战帮。
1.单条虚线代码：<hr style="BORDER-BOTTOM-STYLE: dottedBORDER-LEFT-STYLE: dottedBORDER-RIGHT-STYLE: dottedBORDER-TOP-STYLE: dotted" color=#000000 size=1>
定义一些参数可以获取可爱的细虚线。我们也可以修改其中的color,size的参数可以得到不同的效果……
2.CSS定义表格边框大全(细线/虚线/点线) 定义表格边框全部为1 边框颜色 #C7C7C7代码为： .tb1{ border:1px solid #C7C7C7} 定义表格边框 左1 下1 左1 右1 (实际同上) 边框颜色 #C7C7C7代码为： .td2{ border-top:1px solid #C7C7C7border-bottom:1px solid #C7C7C7border-left:1px solid #C7C7C7border-right:1px solid #C7C7C7} 定义表格边框为1,上边框为0 边框颜色 #C7C7C7 下边框颜色为 #888888代码为： .td2{ border:1px solid #C7C7C7border-top:0pxborder-bottom:1px solid #888888} 定义表格边框虚线代码为： .tb1{ border:1px dashed #C7C7C7} 定义表格边框点线代码为： .tb1{ border:1px dotted #C7C7C7}
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/htmlcharset=utf-8" />
<title>无标题文档</title>
<style>
.table { border:#30C 1pxborder-style: solidheight:30pxmargin-top:-1px}
</style>
</head>
<body>
<div class="table"></div>
<div class="table"></div>
<div class="table"></div>
<div class="table"></div>
<div class="table"></div>
<div class="table"></div>
</body>
</html>
就这样 多列的表格 需要调整布局 这个 调整调整就能实现
