大致可以这样子做：
.Dialog{position: absolutetop:0left:0background: #fffborder:1px solid #ddd-moz-border-radius:5px-webkit-border-radius:5pxborder-radius:5px
box-shadow: 0 0 5px 5px rgba(100, 100, 100, 0.1)
padding:0 10px
z-index: 99
}/*弹出层*/
/*弹出层遮罩*/
.Dialog-make{width:100%height:100%filter:alpha(opacity=5)opacity:.05position:absolutetop:0left:0z-index:98background:#000}
.Dialog-make iframe{width:100%height:100%filter:alpha(opacity=0)opacity:0border:0px}
当.Dialog层显示时，.Dialog-make层也显示，Dialog-make的z-index少于Dialog的z-index.那么就在Dialog下行成遮罩层，当前也只能操作Dialog层内的东西了
HTML5是用于取代1999年所制定的 HTML 4.01 和 XHTML 1.0 标准的 HTML 标准版本，现在仍处于发展阶段，但大部分浏览器已经支持某些 HTML5 技术。CSS 用于控制网页的样式和布局。CSS3 是最新的 CSS 标准。
代码如下：
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/htmlcharset=UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>用html+CSS做表格</title>
<style type="text/css">
ul{padding:0
width:324px/*设置表格宽 */
height:42px/*设置表格高*/
margin:30px
border-top:#000 1px solid/*设置表格上边框*/
border-right:#000 1px solid/*设置表格右边框*/
}
li{ border-left:#000 1px solid/*设置表格左边框*/
border-bottom:#000 1px solid/*设置表格下边框*/
/*设置单元格边框*/
list-style:none/*清除项目列表前的标记*/
float:left/*设置单元格浮动，用于水平排列*/
display:block/*设置单元格为块级元素于用语控制大小等*/
width:80px/*设置单元格宽*/
height:20px/*设置单元格高*/
text-align:center/*设置单元格内文本对齐方式*/
}
</style>
</head>
<body>
<!-- 原理就是利用项目列表的每个项目做出表格中的每个单元格，然后通过设置ul和li的边框达到设置表格的边框效果 -->
<ul>
<li>表格1</li>
<li>表格2</li>
<li>表格3</li>
<li>表格4</li>
<li>表格A</li>
<li>表格B</li>
<li>表格C</li>
<li>表格D</li>
</ul>
</body>
</html>
----希望对你有帮助 ----
-------满意采纳奥-----
