老师这样实现可以吗?

来源:2-15 编程练习

强强强哥

2019-05-03 14:03:48

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


写回答

1回答

好帮手慕慕子

2019-05-04

同学你好, 这样实现是可以的, 不过你这里设置的背景颜色被后面的样式覆盖了, 不能显示出来, 建议优化: 可以在设置背景图片样式后面设置背景颜色哦。 示例:

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

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

祝学习愉快~~

0

0 学习 · 40143 问题

查看课程