小小小小小小之新闻案例

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <style>
        *{
            margin: 0;
            padding: 0;
        }
        .box{
            width: 300px;
            height: 213px;
            border: 1px solid #4781a7;
            border-top: 3px solid #ff8500;
            margin: 30px  auto;
        }
        .title{
            border-left:4px solid #288dd1;
            padding-left: 8px;
            margin: 8px 0 0 8px;

        }
        .line{
            border-top: 1px solid #4781a7;
            margin-top: 5px;


        }
        ul{
            margin-top: 10px;
        }
        li{
            height: 26px;
            line-height: 26px;
            list-style: none;
            padding-left: 20px;
        }
    </style>
</head>
<body>
<div class="box">
    <div class="title">社会动态</div>
    <div class="line"></div>
    <ul>
        <li>上海于1月后降温,告别夏季</li>
        <li>上海于1月后降温,告别夏季</li>
        <li>上海于1月后降温,告别夏季</li>
        <li>上海于1月后降温,告别夏季</li>
        <li>上海于1月后降温,告别夏季</li>
        <li>上海于1月后降温,告别夏季</li>

    </ul>
</div>

</body>
</html>

 

posted @ 2016-09-05 11:12  乌云乌云快走开  阅读(124)  评论(0编辑  收藏  举报