为什么下划线是这个样子?

来源:4-3 编程练习

慕粉1469424710

2020-05-13 12:22:58

<!DOCTYPE html>

<html>

    <head>

        <meta charset="UTF-8">

        <title>文本样式</title>

        <style type="text/css">

           p{text-align:center;background-color:#eee;font-size:2em;line-height:5em;}

           img{vertical-align:middle;}

           .one{font-size:2em;vertical-align:middle;}

           .two{color:red;vertical-align:middle;text-decoration:underline;}

        </style>

    </head>

    <body>

          <p><img src="http://climg.mukewang.com/59c21bae000157fa01000059.jpg">&nbsp;<span class="one">CSS层叠样式表</span>&nbsp;<span class="two">(Cascading Style Sheets)</span></p>

    </body>

</html>

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

写回答

1回答

好帮手慕小鱼

2020-05-13

同学你好,不同的浏览器解析,下划线的显示效果会有差异。同学的代码没有问题,效果是正确的哦。继续加油,祝学习愉快~

0

0 学习 · 40143 问题

查看课程