初级新闻部分模块版式

最新推荐文章于 2024-07-12 20:49:16 发布

滕沐泽

最新推荐文章于 2024-07-12 20:49:16 发布

阅读量78

点赞数

文章标签： css html 前端

本文链接：https://blog.csdn.net/weixin_48326292/article/details/127434304

版权

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="author" content="22201010902滕沐泽的四级项目2a1">
    <title>四级项目2a1</title>
    <style>/*使用内嵌式CSS*/
        /* 变成规定大小的图片尺寸 */
        .done{
            width: 391px;
            height: 263px;
            margin: auto;/*盒子居中*/
            background-color: white;/*设置背景色*/
            box-shadow: 0 0 10px;/*设置阴影*/
        }
        .dtwo{
            width: 364px;
            height: 30px;
            margin: auto;/*盒子居中*/
        }
        .dthree{
            display: inline-block;/*行内元素变为块级元素*/
            border-top: 3px  cadetblue solid;/*为顶部边框设置颜色*/
            color: cadetblue;
            margin-top: 6px;/*上外边距设置*/
            line-height: 30px;
            /* padding: 0px 5px;设置左右内边距20px */
        }
        .dfour{
            margin: 6px 0px;
        }
        .box{
            font-size: 14px;          
            color: black;
            line-height: 30px;/*设置行间距*/
            margin-left: -15px;
         
        }
        ul{
            margin-top: -1px;
        }
        li{
            list-style-type: square;/*li中的圆点样式改为方点*/
        }
    </style>
</head>
<body>
    <div class="done">
        <div class="dtwo">
            <h3 class="dthree">地方新闻联播</h3>
        </div>
            <div class="dfour">
         <ul>
            <li class="box">今年仅九省市上调最低工资标准步伐明显放慢</li>
            <li class="box">2016年基本实现医保全国联网取得两个重大突破</li>
            <li class="box">山东今晨发霾黄色预警部分地区将遇跨年重污染天气</li>
            <li class="box">沪昆高铁全线贯通</li>
            <li class="box">七部委严控京冀交界地区房价联合出手遏制炒房</li>
            <li class="box">明年二月起南京实施“积分落户”购房落户成历史</li>
            <li class="box">郑州市政府取消35项基层证明市民办事将更方便</li>
        </ul>
            </div>
    </div>
</body>
</html>