这样对吗 下划线怎么被穿过了 字体原因吗

来源:4-3 编程练习

whiteDive

2018-11-09 17:52:51

<!DOCTYPE html>

<html>

    <head>

        <meta charset="UTF-8">

        <title>文本样式</title>

        <style type="text/css">

           /*写出CSS样式*/

           div{text-align:center;

               background-color:#eee;

               font-size:2em;

               line-height:5em; 

           }

           img{

              vertical-align:middle;

              display:table-cel;

           } 

           .one{

               font-size:200%;

           }

           .two{

               vertical-align:middle;

               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/5be558ec0001c36619900338.jpg

写回答

1回答

好帮手慕夭夭

2018-11-09

你好同学 ,根据练习要求 ,图片和文字都需要设置居中 , 如下修改:

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

完善一下吧 , 祝学习愉快 ,望采纳 .

0
hhiteDive
h 哦哦 漏了一个vertical-align 那请问我截图的那个下划线和题目中不一样是字体的原因吗
h018-11-09
共1条回复

0 学习 · 36712 问题

查看课程