帮助检查下,还有就是这个的下划线为什么是分割的

来源:4-3 编程练习

qq_久坠深海_0

2020-02-26 22:44:57

<!DOCTYPE html>

<html>

    <head>

        <meta charset="UTF-8">

        <title>文本样式</title>

        <style type="text/css">

           div{height:160px; background-color:#eee;text-align:center;}

           img{vertical-align: middle }

           .one{font-size:32px;vertical-align: middle}

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

        </style>

    </head>

    <body>

        <div>

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

          <span class="one">css层叠样式表</span>

          <span class="two">(cascadingstylesheets)</span>

         </div>

    </body>

</html>


写回答

1回答

好帮手慕糖

2020-02-27

同学你好,实现效果没有问题。

字母下划线分割这个是浏览器解析的问题,这个没有影响的。如下,可以换IE浏览器测试下。是没有断开的。例:

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

如果我的回答帮助了你,欢迎采纳,祝学习愉快~

0

0 学习 · 40143 问题

查看课程