html2020042901,table元素之间的间距 

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <title></title>
        <style type="text/css">
            
            div{
                position: absolute;
                width: 100%; 
                height: 100%;
            }
            
            a{
                position: absolute;
                z-index: 10;
            }
            
            .td{
                /*width: 100%;
                height: auto;*/
                border: 1px solid lime;
            }
            
            .tr{
                
            }
            
            .table{
                border-spacing:0px 100px;
                border: 1px solid black;
            }
            
        </style>
        <script type="text/javascript" src="js/jquery-1.12.4.js" ></script>
    </head>
    <body>
        <div style="">
            <a href="#" class="clazz1">测试1</a>
        </div>
        
        <span style="position: absolute; border: 1px solid lime; width: 100%; height: 100%;">
            
        </span>
        
        <span style="position: absolute; border: 1px solid lime; width: 100%; height: 100%;">
            
        </span>
        
        <a href="#" style="top: 50px;">测试2</a>
        
        <table class="table">
            <tr class="tr">
                <td class="td">123</td>
                <td class="td">456</td>
            </tr>
            <tr class="tr">
                <td class="td">789</td>
                <td class="td">101</td>
            </tr>
            <tr class="tr">
                <td class="td">202</td>
                <td class="td">303</td>
            </tr>
        </table>
            
        <script type="text/javascript">    
            
            /*$(".clazz1").on("click", function(){
                alert(1);
            });*/
            
        </script>

    </body>
</html>

 

posted @ 2020-04-29 11:07  ラピスラズリ(Dawn)  阅读(318)  评论(0)  编辑  收藏  举报