css练习-新闻页

最新推荐文章于 2024-04-07 16:21:08 发布

珵、、、雪

最新推荐文章于 2024-04-07 16:21:08 发布

阅读量378

点赞数

分类专栏：前端文章标签： css 前端

本文链接：https://blog.csdn.net/weixin_45725778/article/details/122353525

版权

前端专栏收录该内容

53 篇文章 0 订阅

订阅专栏

CSS练习-新闻页

在这里插入图片描述
HTML5

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="2.css">
</head>
<body>
    <div class="d1">
        <div class="d11">
            <div>
                <h1>欧文赛季首秀砍22分率队赢球 网友：篮网成首支拥有"客场优势"的球队</h1>
            </div>
            <div>
                <table>
                    <tr>
                        <td rowspan="2" colspan="1">
                            <img class="i1" src="images/红星.jpeg" alt="">
                        </td>
                        <td class="t1">
                            红星新闻
                        </td>
                    </tr>
                    <tr>
                        <td class="t2">
                            <span>发布时间：2022-01-06</span>
                            <span>|</span>
                            <span>成都商报红星新闻官方账号</span>
                        </td>
                    </tr>
                </table>
            </div>
        </div>
    </div>
    <div class="d2">
        <p>在此前主场吞下了三连败之后，布鲁克林篮网今天迎来了客场与步行者的比赛。尽管小萨博尼斯拿到了32分12篮板10助攻的三双表现，但是备受关注的欧文迎来了赛季首秀，他砍下22分，帮助球队以129-121击败对手，结束了三连败。</p>
        <img class="i2" src="images/ouwen.jpeg" alt="">
        <p>欧文赛季首秀砍下22分 图据视觉中国</p>
        <p>全场比赛欧文出战31分59秒，17投9中，外线2次出手全部偏出，最终得到了22分3篮板4助攻3抢断，效率值+16仅次于替补球员本布里；杜兰特得到39分8篮板7助攻，哈登得到18分。在前三节落后对手7分的情况下，篮网凭借最后一节35-20的反攻，最终在客场击败了已经五连败的步行者。</p>
        <p>其实早在12月18日，篮网就通过球队的官方声明，表示当家控卫凯里·欧文回归球队的工作正式开始。尽管篮网目前依旧高居东部第二位，但是由于身后的雄鹿、热火等球队紧紧追赶，加上篮网队内的杜兰特和哈登两员大将超负荷运转，为了争夺本赛季的总冠军，篮网和欧文双方各自妥协一步，才在今天正式迎来了欧文的赛季首秀。</p>
        <p>此前由于迟迟不愿意接种疫苗，欧文一度被排除在篮网的大名单之外。根据布鲁克林的防疫政策要求，所有出战主场的球员都必须完成新冠疫苗接种方可登场；而根据篮网此前的声明，球队表示不愿意自己的球员以“兼职”的身份只出战客场比赛，此前欧文才一直无法登场。</p>
        <p>尽管今天欧文实现了赛季的首秀，但是根据布鲁克林所在的纽约州的防疫规定，球员本人依旧无法出战主场比赛，除非球员和球队缴纳相应罚款，才有可能在巴克莱中心登场。因此，球迷在本场比赛之后调侃篮网队，“因为NBA防疫政策的限制，篮网成为了历史上第一支拥有巨大‘客场优势’的队伍！”目前，篮网距离东部第一的公牛队仅有1.5个胜场的差距，球队也希望能够尽快夺回东部榜首的位置。</p>
        <p>红星新闻记者 李博 裴晗</p>
        <p>编辑 包程立</p>
        <p>（下载红星新闻，报料有奖！）</p>
        <img src="images/3.png" alt="">
        <span class="rt">举报/反馈</span>
    </div>
</body>
</html>

CSS

div{
    margin: auto;
}
.d1{
    background-color: #F8F8F9;
}
.d11{
    height: 178px;
    width: 599px;
}
.d2{
    height: 1300px;
    width: 599px;
    position: relative;
    padding: 40px 0 30px;
}
.i1{
    height: 47px;
    width: 47px;
}
.i2{
    height: 399.64px;
    width: 599px;
    border-radius: 10px;
}
.t2{
    color: #9F9A99;
    font-size: smaller;
}
.rt{
    position: absolute;
    right: 0px;
    bottom: 30px;
    color: blue;
    font-size: x-small;
}

珵、、、雪

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
css练习-新闻页

CSS练习-新闻页HTML5<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <link rel="stylesheet
复制链接

扫一扫