遮罩層

  <style type="text/css">
   #bigDiv
    {
      position:absolute;
      top:0px;
      left:0px;
      right:0px;
      background-color:#A9A9A9;
      filter:progid:DXImageTransform.Microsoft.Alpha(style=3,opacity=25,finishOpacity=75) opacity: 0.6;
      z-index:10000;
      display:none;
    }
    #elsDiv
    {
        top:40%;
        left:20%;
        position:fixed;
        padding:1px;
        vertical-align:middle;
        border: solid 1px #000000;
        z-index:10001;
        display:none;
        background-color:White;
     }
     </style>
    <script type="text/javascript">
        function invokeOpen() {
            document.getElementById("elsDiv").style.display = "block";
            var bgobj = document.getElementById("bigDiv");
            bgobj.style.display = "block";
            bgobj.style.width = window.screen.width + "px"; //document.body.offsetWidth
            var ch = screen.height;
            var bh = document.body.scrollHeight;
            if (bh < ch) {
                bgobj.style.height = screen.height + "px";
            }
            else {
                bgobj.style.height = document.body.scrollHeight + "px";
            }
            document.documentElement.scrollTop + "px";
        }

        function invokeClose() {
            document.getElementById("elsDiv").style.display = "none";
            document.getElementById("bigDiv").style.display = "none";
        }
       
    </script>

 

 

<div id="bigDiv">
            </div>
    <div id="elsDiv">
        <table >
            <tr>
                <td>
                    <asp:CheckBoxList ID="CheckBoxList1" runat="server">
                    </asp:CheckBoxList>
                </td>
            </tr>
        </table>
    </div>

 

后台

ClientScript.RegisterStartupScript(ClientScript.GetType(), "myscript", "<script>invokeClose();</script>");

 

 

細邊框樣式

table { border-bottom:1px solid #ccc; border-left:1px solid #ccc; margin-bottom:14px; border-collapse:collapse;}
td { border-top:1px solid #ccc; border-right:1px solid #ccc; line-height:26px; padding:0 3px 0 5px; }
td.label { background:#f1f1f1; color:#666; font-weight:700; }