4-3编程练习,代码对吗?

来源:4-3 编程练习

从前慢_5

2018-09-01 23:56:41

<!DOCTYPE html>

<html>

    <head>

        <meta charset="UTF-8">

        <title>文本样式</title>

        <style type="text/css">

           /*写出CSS样式*/

           p{

               background-color:#eee;

               font-size:2em;

               height: 500%;

               line-height:500%;

               text-align: center;

           }

           .one{

               font-size:2em;

               vertical-align:middle;

           }

           .two{

               color:red;

               text-decoration:underline;

               vertical-align:middle;

           }

           .three{

               vertical-align:-15%;

           }

        </style>

    </head>

    <body>

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

          <p>

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

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

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

          </p>

    </body>

</html>


写回答

1回答

好帮手慕星星

2018-09-02

图片外面不需要使用span标签来包裹,直接设置img图片垂直居中即可,参考:

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

自己测试下,祝学习愉快~~

0

0 学习 · 36712 问题

查看课程