请老师检查一下

来源:4-3 编程练习

慕函数4234673

2019-10-30 15:14:58

<html>

    <head>

        <meta charset="UTF-8">

        <title>文本样式</title>

        <style type="text/css">

       p{text-align: center;

   background-color: #eee;

   font-size:32px;

   line-height:80px;}

   .one{font-size:64px;}

    .two{color: red;

          text-decoration: underline;

       vertical-align:middle;

        text-transform: capitalize;}

    .three{vertical-align:middle;}

        </style>

    </head>

    <body>

         <P><span class="three"><img src="http://climg.mukewang.com/59c21bae000157fa01000059.jpg"></span>&nbsp;<span class="one">CSS层叠样式表</span>&nbsp;<span class="two">(cascading style sheets)</span></P>

    </body>

</html>


写回答

3回答

好帮手慕言

2019-10-30

同学你好,同学没显示,有可能是单词或者其他地方书写错误,可以再排查一下哦,如果不能解决,可以把同学修改的代码粘贴上来,老师帮助排查

下划线有断续是浏览器的问题,建议同学使用火狐来测试,

祝学习愉快~

0

慕函数4234673

提问者

2019-10-30

我也设置了单词居中,但没显示,还有为啥展示的效果下滑线有断续

0

好帮手慕言

2019-10-30

同学你好,单词也是相对于“CSS层叠样式表”居中显示,这个效果没有实现哦。

同学的效果如下:

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

建议:给单词设置vertical-align: middle;

代码参考:

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

祝学习愉快~

0

0 学习 · 40143 问题

查看课程