老师请帮忙看一下,这样写对吗,我的span怎么跟图片的不一样

来源:3-19 编程练习

慕神8387157

2019-04-19 10:38:21

<!DOCTYPE html>

<html>

<head>

    <meta charset="UTF-8">

    <title>border属性</title>

    <style type="text/css">

        .container{

          width:200px;

          height:200px;

          background-color:pink;

          padding-top:50px;

          padding-left:100px;

            /*补充样式*/

            

            

        }

        .content{

          width:100px;

          height:100px;

          background-color:purple;

          padding-top:30px;

          padding-right:30px;

          padding-left:30px;

           /*补充样式*/

           

           

        }

span{background-color:yellow;}

    </style>

</head>

<body>

    <div class="container">

      <div class="content">

         <span>

           我是span元素

          </span>

</div>

    </div>

</body>

</html>

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

写回答

1回答

好帮手慕慕子

2019-04-19

同学你好,代码正确, 效果也实现的很棒。 

可能由于上传截图的时候老师测试的代码宽度不同, 不过同学不用担心哦。只要正确的运用所学知识实现效果是没有问题的

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

祝学习愉快~~~

0

0 学习 · 40143 问题

查看课程