老师我的代码对么?为什么英文的下划线有断开现象?

来源:4-3 编程练习

V_旺_

2019-09-10 20:14:11

<!DOCTYPE html>

<html>

    <head>

        <meta charset="UTF-8">

        <title>文本样式</title>

        <style type="text/css">

           /*写出CSS样式*/

           div{

               background:#eee;

               font-size:2em;

               line-height:5em;

               text-align:center;

           }

           img,.one,.two{

               vertical-align:middle;

           }

           .one{

               font-size:2em;

           }

           .two{

               color:red;

               text-decoration:underline;

           }

        </style>

    </head>

    <body>

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

          <div>

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

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

              <span class='two'>(Cascading Style Sheets)</span>

          </div>

    </body>

</html>

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

写回答

1回答

好帮手慕慕子

2019-09-11

同学你好, 代码正确

英文的下滑线出现断开是浏览器解析的的问题, 同学可以换成火狐浏览器测试一下,查看效果哦

如果帮助了你, 欢迎采纳!

祝学习愉快~~~

0

0 学习 · 40143 问题

查看课程