请老师检查，谢谢。
来源：2-6 编程练习
跳很高的猫
2021-08-18 22:19:39
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="Keywords" content="">
<meta name="Description" content="">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
/* 清楚a标签下划线 */
a{
text-decoration: none;
color: #009;;
}
/* 大标题h1 */
h1{
color: green;
}
/* 设置分割线 */
.splitLine{
border: 1px solid black;
}
/* 设置五角星颜色 */
.star{
color:orange;
}
</style>
<title>评论区</title>
</head>
<body>
<!-- 选项区 -->
<section>
<h1>大话西游之大圣娶亲的影评</h1>
<a href="#">热门/</a><a href="#">最新/</a><a href="#">好友</a>
<!-- 分割线 -->
<p class="splitLine"></p>
</section>
<!-- 评论区 -->
<section>
<div><a href="#">罗弘霉素</a> <span class="star">★★★★★</span> <span>2010-07-26</span></div>
<p>有人跟我比背台词吗</p>
<div><span>阅读：1615</span> <a href="#">有用</a></div>
<!-- 分割线 -->
<p class="splitLine"></p>
</section>
<section>
<div><a href="#">十七只猫和鱼</a> <span class="star">★★★★</span> <span>2016-04-26</span></div>
<p>任何时候任何场合都可以再看一遍的电影</p>
<div><span>阅读:515</span> <a href="#">有用</a></div>
<!-- 分割线 -->
<p class="splitLine"></p>
</section>
<section>
<div><a href="#">暖家男</a> <span class="star">★★★★</span> <span>2006-04-22</span></div>
<p>一定有一些电影,永远都不能被超越</p>
<di><span>阅读:490</span> <a href="#">有用</a></di>
<!-- 分割线 -->
<p class="splitLine"></p>
</section>
</body>
</html>
写回答
1回答
-
好帮手慕然然
2021-08-19
同学你好，实现效果没问题，代码中以下位置处的div标签拼写有误，建议优化一下，如图
祝学习愉快！
0
