请老师检查,还有感觉下划线有点奇怪

来源:4-3 编程练习

简单取个名字

2018-07-24 18:28:58

<!DOCTYPE html>

<html>

    <head>

        <meta charset="UTF-8">

        <title>文本样式</title>

        <style type="text/css">

           div{

                text-align:center;

                background:#eee;

                font-size:2em;

                line-height:5em;

              }

              img{vertical-align:-4px;}

              .one{font-size:2em;}

              .two{

                   vertical-align:8px;

                   color:red;

                   text-decoration:underline;

                  }

        </style>

    </head>

    <body>

          <div>

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

          </div>

    </body>

</html>


写回答

1回答

樱桃小胖子

2018-07-24

这个是正常现象,如果想要实现下划线不断掉的效果,可以使用border-bottom来实现

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

希望可以帮到你!

0

0 学习 · 36712 问题

查看课程