首页 > 其他分享 >斑马线

斑马线

时间:2023-03-18 19:55:53浏览次数:30  
标签:斑马线 Row2 Row3 Row1 1Col1Co2Col3 Co2

<html>
<head>
    <title>1</title>
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">  
 <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
 <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body background="http://tk.makeblock.net.cn/preview/128?height=150 ">

    <table class="table table-striped text-center table-bordered table-condensed">
        <div class="contaoner">
            <div class="row">
        <thead>
           
             <div class="col-md-4"> <th>Col1</th></div>  
             <div class="col-md-4"> <th>Co2</th></div>  
             <div class="col-md-4"> <th>Col3</th></div>  
           
        </thead>
    </div>
        <tbody>
            <tr>
                <div class="row">
                <div class="col-md-4"><td>Row1</td></div>
                <div class="col-md-4"><td>Row1</td>></div>
                <div class="col-md-4"><td>Row1</td></div>
            </div>
        </tr>
            <tr>
                <div class="row">
                <div class="col-md-4"><td>Row2</td></div>
                <div class="col-md-4"><td>Row2</td></div>
                <div class="col-md-4"><td>Row2</td></div>
            </div>
        </tr>
            <tr>
                <div class="row">
                    <div class="col-md-4"><td>Row3</td></div>
                    <div class="col-md-4"><td>Row3</td></div>
                    <div class="col-md-4"><td>Row3</td></div>
                </div>
            </tr>
            
        </tbody>
    </div>
    </table>

</body>
</html>

  

1Col1Co2Col3 >
Row1 Row1 Row1
Row2 Row2 Row2
Row3 Row3 Row3

标签:斑马线,Row2,Row3,Row1,1Col1Co2Col3,Co2
From: https://www.cnblogs.com/As10016/p/17231597.html

相关文章