2-6编程练习疑点
来源：2-6 编程练习
读白Lyric
2023-03-04 13:25:01
<html>
<head>
<meta charset="UTF-8">
<title>文本样式</title>
<style type="text/css">
/*样式添加*/
li{
list-style-type: none;
}问题描述：
h1{
color: green;
}
.star{
color: orange;
}
a{
text-decoration: none;
color:#009;
}
</style>
</head>
<body>
<!-- 写出h内容 -->
<h1>大话西游之大圣娶亲的影评</h1>
<p>
<a href="">热门/</a>
<a href="">最新/</a>
<a href="">好友</a>
</p>
<ul>
<li>
<a href="">罗弘霉素</a>
<span class="star">★★★★★</span>
<span>2010-07-26</span>
<p>有人跟我比赛背台词么</p>
<p>阅读：1615
<a href="">有用</a>
</p>
<hr>
</li>
<li>
<a href="">十七只猫和鱼</a>
<span class="star">★★★★</span>
<span>2006-04-26</span>
<p>任何时候任何场合都可以看一遍的电影</p>
<p>阅读：515
<a href="">有用</a>
</p>
<hr>
</li>
<li>
<a href="">暖家男</a>
<span class="star">★★★★</span>
<span>2006-04-22</span>
<p>一定有一些电影 永远都不会被超越</p>
<p>阅读：490
<a href="">有用</a>
</p>
<hr>
</li>
</ul>
</body>
</html>问题描述：
评论区的内容前面有空白耳朵部分如何去除？
相关截图：
写回答
1回答
-
好帮手慕小李
2023-03-04
同学你好，老师测试代码后发现是ul的默认样式没有清除所导致的如（padding）
建议如下：
优化后结果如下：
另这部分可能是因为同学还没有学到，在第二周的盒模型课程中会有详细讲解，所以同学这里先不用纠结。
祝学习愉快！
1
相似问题