美文网首页
行业动态

行业动态

作者: Yuann | 来源:发表于2017-06-21 19:43 被阅读0次
原图 效果图 结构分析图

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
         <style type="text/css">
            *{
                margin: 0;
                padding: 0;
            }
            ul li{
                list-style: none;
            }
         
            .box{
                height: 167px;
                width: 240px;
                border: 1px solid red;
                border-top: 2px solid #FFA500;
                margin: 10px auto;
                
            }
            .title{
                border-bottom: 1px solid #d9e0ee;
                height: 36px;
                line-height: 36px;
                padding-left: 20px;
            }
            .content li{
                background-image: url(images1/li_bg.jpg);
                background-repeat: no-repeat;
                background-position: left center;
                padding-left: 10px;
                line-height: 20px;
            }
         .content ul{
                margin-left: 10px;
                margin-top: 10px;
                background-color: pink;
            }
            .content a{
                color: #666666;
                font-size: 14px;
                text-decoration: none;
            }
            .content a:hover{
                color: #DB6B12;
                text-decoration: underline;
            }
         </style>
    </head>
    <body>
        <div class="box">
            <div class="title">
                行业动态
            </div>
            <div class="content">
                <ul>
                    <li><a href="">气质不错气质不错</a></li>
                    <li><a href="">气质不错气质不错</a></li>
                    <li><a href="">气质不错气质不错</a></li>
                    <li><a href="">气质不错气质不错</a></li>
                    <li><a href="">气质不错气质不错</a></li>
                </ul>
            </div>
        </div>
    </body>
</html>

相关文章

网友评论

      本文标题:行业动态

      本文链接:https://www.haomeiwen.com/subject/wuetcxtx.html