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

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

<!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>

http://img1.sycdn.imooc.com//climg/5a79bc9a0001ebb912370173.jpg

如图,g和y没有下划线

正在回答

登陆购买课程后可参与讨论,去登陆

2回答

我在Chrome测试了你的代码,是没有的呀:

http://img1.sycdn.imooc.com//climg/5a7a5ba400019c5911050137.jpg

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

  • 我的chrome上效果也是这样 下划线没有贯穿g y
    2018-03-02 08:55:27
  • bbbboom 回复 SsssZzzz #2
    我又把你的代码测试了一下,是没有问题的,建议你将浏览器升级一下,或者是使用火狐,IE测试一下。
    2018-03-02 13:44:21
bbbboom 2018-02-07 09:52:58

是没有问题的

问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
前端小白入门系列课程
  • 参与学习           人
  • 提交作业       11218    份
  • 解答问题       36713    个

从一个不会编程的小白到一个老司机是需要过程的,首先得入门,学习基础知识,然后才能进阶,最后再到精通,本专题是你走进前端世界的不二选择!

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师