<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
.p1{
color: red;
display: inline-block;
width: 40px;
text-align: left;
}
.p2{color: red;font-size: 25px;}
.p3{
color: gray;
}
div{
font-size: 30px;
}
span{
display:inline-block;
width: 450px;
}
em{
display: inline-block;
width: 50px;
}
.p5{
background-color: red;
width: 250px;
height: 1.5px;
}
.p4{
background-color: darkgrey;
height: 1.5px;
}
</style>
</head>
<body>
<div class="p4">
<div class="p5"></div>
</div>
<div>
<b>热点排行</b> <br>
<em class="p2">1</em>
<span>网传天津某学校配餐公司卫生状 </span>
<span class="p1">8202</span><br>
<em class="p2">2</em>
<span>福州女孩500万婚房被男友“算</span>
<span class="p1">7612</span><br>
<em class="p2">3</em>
<span> 轻松一刻:他凭什么才工作1 </span>
<span class="p1">2172</span><br>
<em class="p3">4</em>
<span> 每人至少生5个!曾经的罗马尼 </span>
<span class="p1">1042</span><br>
<em class="p3">5</em>
<span>以案为鉴|编黑料炒舆论诬告他人 </span>
<span class="p1">967</span> <br>
<em class="p3">6</em>
<span>品味永远是流量的敌人?装嫩 </span>
<span class="p1">842</span><br>
<em class="p3">7</em>
<span>英特尔高管:中国公司目前没有</span>
<span class="p1">746</span><br>
<em class="p3">8</em>
<span>痛心!知名表演艺术家在沪病逝</span>
<span class="p1">504</span><br>
<em class="p3">9</em>
<span>河南一本上线率在全国排名居于</span>
<span class="p1">425</span><br>
<em class="p3">10</em>
<span>上海市第六人民医院徐汇院区暂 </span>
<span class="p1">383</span><br>
</div>
</body>
</html>
HTML刚入门,自己做了个小东西。请大神来指点
最新推荐文章于 2024-01-04 16:13:04 发布