99网
您的当前位置:首页使用html+css写的新闻页面

使用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>

因篇幅问题不能全部显示,请点此查看更多更全内容