<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>test3</title>
<link rel="stylesheet" href="../reset.css">
</head>
<style>
.box1{
margin:20px;
font-size:40px;
}
img{
margin:2px 20px;
}
.box2{
font-size:30px;
background-color:red;
color:white;
margin: 0 0 0 20px;
}
.box3{
font-size:30px;
border:1px solid rgb(182, 177, 177);
margin: 0 0 0 -4px;
}
ul{
padding:10px;
font-size:30px;
margin:0 30px;
}
li{
margin:25px 0;
color:rgb(134, 132, 132)
}
</style>
<body>
<div>
<div class="box1">
<b>新闻专题</b>
</div>
<img src="test4.png">
<br>
<span class="box2">HOT</span>
<span class="box3">2022年北京冬奥会
 
</span>
<ul>
<li>· 十九届六中全会</li>
<li>· 下半年最强寒潮来了!</li>
<li>· 省级人员认识密集调整</li>
<li>· 神十三航天员完成出舱任务</li>
</ul>
</div>
</body>
</html>
CSS——小练习2
猜你喜欢
转载自blog.csdn.net/qq_37369201/article/details/121412896
今日推荐
周排行