2-6作业检查
来源：2-6 编程练习
ychao2
2022-10-23 14:14:36
<!DOCTYPE html>
<html>
<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>
a {
color: #009;
text-decoration: none;
}
.n1::after{
content:"★★★★★";
color: orange;
}
.n2::after{
content:"★★★★";
color: orange;
}
.n3::after{
content: "★★★★";
color: orange;
}
</style>
</head>
<body>
<div>
<div>
<h3 style="color:green">大话西游之大圣娶亲的影评</h3>
<a class="link" href="">热门</a>/
<a class="link" href="">最新</a>/
<a class="link" href="">好友</a>
</div>
<hr style="height:1px;border:none;border-top:1px solid"/>
<div>
<p><a class="n1" href="">罗红霉素 </a> 2010-07-26</p>
<p>有人跟我比赛背台词么</p>
<p>阅读:1615 <a href="">有用</a></p>
</div>
<hr style="height:1px;border:none;border-top:1px solid"/>
<div>
<p><a class="n2"href="">十七只猫和鱼 </a> 2010-07-26</p>
<p>任何时候任何场合都可以再看一遍的电影</p>
<p>阅读:515 <a href="">有用</a></p>
</div>
<hr style="height:1px;border:none;border-top:1px solid"/>
<div>
<p><a class="n3"href="">暖家男 </a> 2010-07-26</p>
<p>一定有一些电影 永远都不能被超越</p>
<p>阅读:490 <a href="">有用</a></p>
</div>
<hr style="height:1px;border:none;border-top:1px solid"/>
</div>
</body>
</html>
相关代码：
<a class="link" href="">热门</a>/ <a class="link" href="">最新</a>/ <a class="link" href="">好友</a>
老师这个地方后面有个/这样写可以吗
1回答
-
同学你好，代码效果正确，
可以这样实现效果但是不推荐，当代码结构复杂的情况下容易出错或者被误删，可以使用span标签包裹一下，参考如下：
祝学习愉快~
0h022-10-23
