老师,我的行距没法操作的跟图片一样,请问该怎么操作呢?还有我的代码符合要求吗?

来源:4-2 编程练习

qq_鸭绿桥第一帅哥_0

2018-10-23 16:52:18

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>文本样式</title>
        <style type="text/css">
           /*样式添加*/
        </style>
    </head>
    <body>
         <div style="line-height: 0.1em"><p style="font-size: 30px; color: green;line-height: 30px">大话西游之大圣娶亲的影评</p><br/>
         <p style="line-height: 1px"><a href="#" style="color: #009">热门</a>/<a href="#" style="color: #009">最新</a>/<a href="#" style="color: #009">好友</p></a></div>
         <hr/>
         <p style="line-height: 40px"><span style="color: #009">罗弘霉素</span>&nbsp;<span style="color: orange">★★★★★</span>&nbsp;2010-07-26<br/>有人跟我比背台词么<br/>阅读:1615&nbsp;<a href="#" style="color: #009">有用</a></p>
         <hr/>
         <p style="line-height: 40px"><span style="color: #009">十七只猫和鱼</span>&nbsp;<span style="color: orange">★★★★</span>&nbsp;2006-04-26<br/>任何时候任何场合都可以再看一遍的电影<br/>阅读:515&nbsp;<a href="#" style="color: #009">有用</a></p>
         <hr/>
         <p style="line-height: 40px"><span style="color: #009">暖家男</span>&nbsp;<span style="color: orange">★★★★★</span>&nbsp;2006-04-22<br/>一定有一些电影 永远都不能被超越<br/>阅读:490&nbsp;<a href="#" style="color: #009">有用</a></p>
         <hr/>

    </body>
</html>


写回答

1回答

妮可妮可妮_

2018-10-23

  1. 建议同学在style处添加css代码,

    http://img.mukewang.com/climg/5bcef5690001ad7503550180.jpg

  2. 根据习题要求: 效果图中的蓝色字体均为链接,能够进行点击,没有下划线

http://img.mukewang.com/climg/5bcef4dc0001199505290190.jpg

http://img.mukewang.com/climg/5bcef59900011b5205900440.jpg

建议所有蓝色字体的部分都要使用a标签来完成,并且使用text-decoration: none;去掉a标签的默认下划线,如下图所示:

http://img.mukewang.com/climg/5bcef5f000016da203430163.jpg

同学可以参考一下其他人的成功例子哦~https://class.imooc.com/course/qadetail/61025

祝学习愉快!

0

0 学习 · 36712 问题

查看课程