2-6编程练习

相关代码：

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>文本样式

问题描述：

好像行高不太对，对hr标签使用line-height调整了下，好像无效！该怎么改啊？

柠檬楠 2021-01-26

源自：文本与字体属性 2-6 编程练习

33

收起

2回答

好帮手慕张回答被采纳获得+3积分 2021-01-27 19:56:23

同学你好，问题解答如下：

1、代码效果是没有问题的，不过“好友”这里不需要加“/”更符合任务要求，可以优化一下。

2、可以通过br标签调整水平线和文字之间的距离，不过这种方法不太灵活，会在后面课程中学习到padding,margin，通过padding,margin控制间距比较灵活，这里可以作为了解。

祝学习愉快！

柠檬楠提问者 #1

好的，谢谢老师

2021-01-27 20:29:08

好帮手慕张 2021-01-27 12:04:45

同学你好，hr为分割线标签，设置line-height是无效的，同学想要实现什么效果，建议把完整的代码粘贴上来，以便老师指导。

祝学习愉快！

提问者柠檬楠 #1

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>文本样式</title>
<style type="text/css">
/*样式添加*/
a {
text-decoration:none;
color:#009;
}
h2 {
font-weight:normal;
color:green;

}
em::after {
content:"★★★★★";
font-style:normal;
color:orange;
}

</style>
</head>
<body>

<div>
<div id="head">
<h2>大话西游之大圣娶亲的影评</h2>
<a href="1">热门</a>/
<a href="2">最新</a>/
<a href="3">好友</a>/
</div>
<div>
<hr>
<div id="a">
<a href="4" class="name">罗弘霉素</a>
<em></em>
<span>2010-07-26</span>
</div>
<p>有人跟我比赛背台词么</p>
<span>阅读：1615</span>
<a href="5">有用</a>
</div>
<div>
<div>
<hr>
<a href="6" class="name">十七只猫和鱼</a>
<em></em>
<span>2006-04-26</span>
</div>
<p>任何时间任何场合都可以再看一遍的电影</p>
<span>阅读：515</span>
<a href="7">有用</a>
</div>
<div>
<div>
<hr>
<a href="8" class="name">暖家男</a>
<em></em>
<span>2006-04-22</span>
</div>
<p>一定有一些电影永远都不能被超越</p>
<span>阅读：490</span>
<a href="9">有用</a>
</div>
<hr>
</div>
</body>
</html>

2021-01-27 18:46:12
提问者柠檬楠 #2

水平线和文字之间的距离太近了，怎么调整可以将行距弄大一点儿啊？

2021-01-27 18:48:51

相似问题

老师，第2章内部类的编程练习呢，是不是漏了

2-9编程练习

2-8编程练习为什么报错？？？

2-6 编程练习的第一个答案

eclips上正常运行，编程练习里不可以

登录后可查看更多问答，登录/注册

前端工程师2020

参与学习人
提交作业 7872 份
解答问题 15282 个

前端技术快速更迭，人才紧缺。带你从0基础开始，成为Web全栈工程师，转行就业更顺畅。

本课精华内容

问答作业

老师，我在xhr.send()出错了

92 2

老师好，这里虽然老师给了方法，但我想问问关于定位后的宽高

44 2

函数里面的参数是函数,那么里面作为参数的函数是如何调用的?

74 4

老师请检查

30 1

老师，关于ctx.set()我存在困惑

32 1

查看更多本课问答

请稍等 ...

意见反馈帮助中心 APP下载