使用html+css写的新闻页面

来源：99网
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        body{
            font: 16px/28px 'Microsoft YaHei';
        }
        h1{
            /* 文字不加粗 */
            font-weight: 400;
            /* 让h1里面的文字水平居中对齐 */
            text-align: center;
        }
        a{
            text-decoration: none;
        }
        .gary{
            color: #888888;
            font-size: 12px;
            text-align: center;
        }
        .search{
            color: #666666;
            width: 170px;

        }
        .btn{
            font-weight: 700;
        }
        p{
            /* 首行缩进两个距离 */
            text-indent: 2em;
        }
        .pic{
            /* 想要图片居中对齐，要加在他的父亲上 */
            text-align: center;
        }
        .footer{
            color: #888888;
        }

    </style>
</head>
<body>
    <h1>今日霜降！北京天气晴好，最高气温16℃</h1>
    <div class="gary">新京报发布时间：10-2307:09新京报社官方帐号 
        <a href="#">中国天气网</a>
        <input type="text" value="请输入查询条件" class="search"> <button class="btn">搜索</button>
    </div>
    <hr>
    <p>新京报快讯 据北京市气象台官微消息，今天是霜降节气。白天晴，北转南风二三级，最高气温16℃；夜间晴，南转北风一二级，最低气温3℃。上班时气温在5至10℃，体感偏冷，出行注意保暖。白天天气晴好，阳光明媚，适宜开窗通风及户外活动；空气干燥，宜多食蔬果勤补水，谨防秋燥。</p>
    <p class="pic"><img src="./images/u=32517571,2905627848&fm=26&gp=0.jpg" alt=""></p>
    <p class="footer">编辑 杨利</p>

</body>
</html>
因篇幅问题不能全部显示，请点此查看更多更全内容
查看全文
全部频道

使用html+css写的新闻页面
