请老师检查作业

来源:2-6 编程练习

派大兴兴

2021-11-05 09:53:12

<!DOCTYPE html>
<html>

<head lang="en">
<meta charset="UTF-8">
<title>文本样式</title>
<style type="text/css">
/*样式添加*/
a {
text-decoration: none;
color: #009;
}

.title h1 {
color: green;
font-size: 22px;
}

.title {
padding-bottom: 10px;
}

.title,
.content .list {
border-bottom: 1px solid #ccc;
}

.content div.list:first-child p:first-child a:after {
content: "★★★★★";
color: orange;
}

.content div.list p:first-child a:after {
content: "★★★★";
color: orange;
}
</style>
</head>

<body>
<!-- 写出h内容 -->

<div class="title">
<h1>大话西游之大圣娶亲的影评</h1>
<a href="#">热门/最新/好友</a>
</div>
<div class="content">
<div class="list">
<p><a href="#">罗弘霉素&nbsp;</a>&nbsp;<span>2010-07-26</span>
</p>
<p>有人跟我比赛背台词么</p>
<p>阅读:1615&nbsp;<a href="#">有用</a></p>
</div>
<div class="list">
<p><a href="#">十七只猫和鱼</a>&nbsp;<span>2006-04-26</span>
</p>
<p>任何适合任何场合都可以再看一遍的电影</p>
<p>阅读:515&nbsp;<a href="#">有用</a></p>
</div>
<div class="list">
<p><a href="#">暖家男</a>&nbsp;<span>2006-06-22</span>
</p>
<p>一定有一些电影 永远都不能被超越</p>
<p>阅读:490&nbsp;<a href="#">有用</a></p>
</div>
</div>
</body>

</html>


写回答

1回答

好帮手慕星星

2021-11-05

同学你好,代码实现效果很棒。继续加油,祝学习愉快!

0

0 学习 · 17877 问题

查看课程