前端联系2

时间：2019-01-20 22:53:42 阅读：224 评论：0 收藏：0 [点我收藏+]

标签：联系 type margin idt inf tle back alt html

技术分享图片

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<style>
    body,html{
        padding:0;
        margin:0;
    }
    .box{
        width: 500px;
    }
    .head{
        background-color: skyblue;
        padding: 10px;
        
    }
    .head span{
        color:white;
    }
    .info .title{
        font-weight: bold;
    }
    .infos{
        padding:10px;
        border:1px solid red;
        border-top:0;
    }
    li .detail{
        float:right;
        color:red;
    }

    .num a{
        text-decoration:none;
    }
    ul,li{
        list-style: none;        
        padding-left:0;
    }

</style>
<body>
    <div class="box">
        <div class="head">
            <span>php开班信息</span>
        </div>
        

        <div class="infos">
            <div class="info">
                <div class="title">
                    php就业班
                </div>
                <ul>
                    <li style="border-bottom:1px dashed  #ddd;padding-bottom: 10px;margin-bottom: 10px;">
                        <span class="num"><a href="#">北京-第五期</a></span>
                        <span  class="detail">爆满</span>
                    </li>

                    <li>

                        <span class="num"><a href="#">北京-第五期</a></span>
                        <span  class="detail">爆满</span>
                    </li>
                </ul>
            </div>

            <div class="info">
                <div class="title">
                    php就业班
                </div>
                <ul>
                    <li style="border-bottom:1px dashed  #ddd;padding-bottom: 10px;margin-bottom: 10px;">
                        <span class="num"><a href="#">北京-第五期</a></span>
                        <span  class="detail">爆满</span>
                    </li>

                    <li>
                        <span class="num"><a href="#">北京-第五期</a></span>
                        <span  class="detail">爆满</span>
                    </li>
                </ul>
            </div>            
        </div>
    </div>
</body>
</html>

前端联系2

标签：联系 type margin idt inf tle back alt html

原文地址：https://www.cnblogs.com/cl94/p/10296466.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)

周排行