你好,请问这样对不对?

来源:2-15 编程练习

慕用1366767

2020-02-26 12:40:18

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>background属性</title>
    <style type="text/css">
        /*此处写代码*/
        div{
         width:800px;
         height:400px;
         text-align:center;
         margin:0 auto;
         border:10px solid rgba(255,0,0,0.5);
         padding:20px;
        }
        .div1{
         padding:0;
         background-repeat: no-repeat;
         border:none;
         background-image: url(http://climg.mukewang.com/582c39c00001091605000150.jpg);
         background-clip:padding-box;
         background-size: 90%;
         background-position: center center;
        }
    </style>
</head>
<body>
    <!-- 此处写代码 -->
    <div>
     <h2>慕课网(IMOOC)国内最大的IT学习平台</h2>
     <div class="div1"></div>
    </div>
</body>
</html>


写回答

1回答

好帮手慕夭夭

2020-02-26

同学你好,问题与修改如下:

1.大盒子没有灰色背景,如下设置:

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

2.因为子元素高度与父元素高度一样,所以导致子元素溢出:

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

如下调整:

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

如果我的回答帮助到了你,欢迎采纳,祝学习愉快~

0

0 学习 · 40143 问题

查看课程