老师，请帮忙检查一下代码。下划线的粗细该怎么改呢？设置height：0px还是很粗
来源：4-2 编程练习
前端之路漫漫
2019-04-24 12:09:15
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>文本样式</title>
<style type="text/css">
div{border: 0}
.one{color: green;font-size: 24px;}
a{text-decoration: none;color:#009;}
hr{color: gray;height:0px;}
.star{color:orange;}
</style>
</head>
<body>
<div>
<h2 class="one">大话西游之大圣娶亲的影评</h2>
<p><a href="#">热门</a>/<a href="#">最新</a>/<a href="">好友</a></p>
<hr/>
</div>
<div>
<p><a href="#">罗弘霉素</a> <span class="star">★★★★★</span> 2010-07-26</p>
<p>有人跟我比赛背台词么</p>
<p>阅读：1615 <a href="#">有用</a></p>
<hr/>
</div>
<div>
<p><a href="#">十七只猫和鱼</a> <span class="star">★★★★</span> 2006-04-26</p>
<p>任何时候任何场合都可以再看一遍的电影</p>
<p>阅读：515 <a href="#">有用</a></p>
<hr/>
</div>
<div>
<p><a href="#">暖家男</a> <span class="star">★★★★</span> 2010-07-26</p>
<p>一定有一些电影 永远都不能被超越</p>
<p>阅读：490 <a href="#">有用</a></p>
<hr/>
</div>
</body>
</html>
1回答
-
好帮手慕慕子
2019-04-24
同学你好， 代码正确，效果实现的很好。
因为hr标签有默认样式，可以通过设置border: none; 然后设置高度和背景颜色修改下划线的粗细和颜色， 示例：
下划线这里也可以直接为div设置下边框实现， 示例：
如果帮助到了你，欢迎采纳
祝学习愉快~~~~
0
相似问题