请问老师，字母没有下划线的问题

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>文本样式</title>
        <style type="text/css">
           /*写出CSS样式*/
            div{
               text-align:center;
               font-size:2em;
               background-color:#eee;
               line-height:5em;
           }
           img{vertical-align:-5px;}
           .one{
               font-size:2em;
           }
           .two{
               color:red;
               text-decoration:underline;
               vertical-align: 10px;
               text-transform:capitalize;
           }
        </style>
    </head>
    <body>
          <!--写出html代码-->
          <div>
          <img src="http://img1.sycdn.imooc.com/climg//59c21bae000157fa01000059.jpg" alt="" />
          <span class="one">CSS层叠样式表</span><span class="two">(cascading style sheet)</span>
          </div>
    </body>
</html>

如图，g和y没有下划线

Coolyang_ 2018-02-06

源自：CSS文本样式 4-3 编程练习

收起

2回答

bbbboom 回答被采纳获得+3积分 2018-02-07 09:51:53

我在Chrome测试了你的代码，是没有的呀：

你可以在其他主流浏览器测试一下！

收起回答

SsssZzzz #1

我的chrome上效果也是这样下划线没有贯穿g y

2018-03-02 08:55:27
bbbboom 回复 SsssZzzz #2

我又把你的代码测试了一下，是没有问题的，建议你将浏览器升级一下，或者是使用火狐，IE测试一下。

2018-03-02 13:44:21