麻烦老师看下结构和样式是否有问题
来源:2-6 编程练习
dww1
2021-06-20 09:43:58
!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>文本样式</title>
<style type="text/css">
/*样式添加*/
a{
text-decoration: none;
}
ul{
list-style: none;
padding-left: 0 ;
}
li{
margin-bottom: 20px;
border-bottom: 1px solid #000;
}
.title{
border-bottom: 1px solid #000;
border-top: 4px solid #000;
}
h3{
color: #0f0;
}
span::before{
content: "★★★★★";
color: #f93;
}
.title a{
color: #009;
}
.usesful a{
margin-left: 5px;
color: #009;
}
li p a{
color: #009;
}
</style>
</head>
<body>
<!-- 写出h内容 -->
<div class="title">
<h3>大话西游之大圣娶亲的影评</h3>
<a href="">热门</a>/
<a href="">最新</a>/
<a href="">好友</a>
</div>
<div class="comment">
<ul>
<li>
<p><a href="">罗弘霉素</a><span>2010-07-26</span></p>
<p>有人跟我比赛背台词么</p>
<p class="usesful">阅读:1615 <a href="">有用</a></p>
</li>
<li>
<p><a href="">十七只猫和鱼</a><span>2006-04-26</span></p>
<p>任何时候任何场合都可以再看一遍的电影</p>
<p class="usesful">阅读:515<a href="">有用</a></p>
</li> <li>
<p><a href="">暖家男</a><span>2006-04-22</span></p>
<p>一定有一些电影 永远都不能被超越</p>
<p class="usesful">阅读:490<a href="">有用</a></p>
</li>
</ul>
</div>
</body>
</html>
1回答
好帮手慕星星
2021-06-20
同学你好,代码布局以及结构是可以的,很棒哦!
祝学习愉快~
相似问题