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;
}