老师帮忙看下为什么下划线会有分割

来源:4-3 编程练习

qq_慕容254374

2020-03-06 22:15:43

<!DOCTYPE html>

<html>

    <head>

        <meta charset="UTF-8">

        <title>文本样式</title>

        <style type="text/css">

           /*写出CSS样式*/

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

           img{vertical-align:middle;}

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

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

        </style>

    </head>

    <body>

          <!--写出html代码-->

          <p>

              <img src="http://climg.mukewang.com/59c21bae000157fa01000059.jpg"/>

              <span class="one">CSS层叠样式表</span> <span class="two">(cascading style sheets)</span>

          </p>

    </body>

</html>

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

写回答

1回答

好帮手慕星星

2020-03-07

同学你好,代码实现效果正确,很棒!

另外,下划线有分割是浏览器解析的结果,不用担心哦。

祝学习愉快!

0
hq_慕容254374
h 好的,找了半天原因
h020-03-07
共1条回复

0 学习 · 40143 问题

查看课程