烦请老师帮我看一下我的代码哪里需要改进?
来源:2-6 编程练习
Livesinkon
2020-10-09 18:32:54
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>文本样式</title>
<style type="text/css">
h2{
color: green;
}
a{
text-decoration: none;
color: #009;
}
.a1::after{
content: " ★★★★★";
color: orange;
}
.a2::after{
content: " ★★★★";
color: orange;
}
.a3::after{
content: " ★★★★";
color: orange;
}
div{
border-bottom: 2px solid rgb(202, 199, 199);
}
</style>
</head>
<body>
<div>
<h2>
大话西游之大圣娶亲的影评
</h2>
<p>
<a href="">热门/</a><a href="">最新/</a><a href="">好友</a>
</p>
</div>
<div>
<p>
<a href="" class="a1">罗弘霉素</a> <span>2010-07-26</span>
</p>
<p>
有人跟我比赛背台词么
</p>
<p>
阅读 :1615
<a href="">有用</a>
</p>
</div>
<div>
<p>
<a href="" class="a2">十七只猫和鱼</a> <span>2006-04-26</span>
</p>
<p>任何时候任何场合都可以再看一遍的电影</p>
<P>
阅读 :515
<a href="">有用</a>
</P>
</div>
<div>
<p>
<a href="" class="a3">暖家男</a> <span>2006-04-22</span>
</p>
<p>一定有一些电影 永远都不能被超越</p>
<P>
阅读 :490
<a href="">有用</a>
</P>
</div>
</body>
</html>
1回答
同学你好,代码效果实现了,建议优化:五角星直接写在html结构中,添加相同的类名,统一设置字体颜色就可以了,简化代码书写。
如果我的回答帮助到了你,欢迎采纳,祝学习愉快~
相似问题