老师这样实现可以吗?
来源: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
同学你好, 这样实现是可以的, 不过你这里设置的背景颜色被后面的样式覆盖了, 不能显示出来, 建议优化: 可以在设置背景图片样式后面设置背景颜色哦。 示例:

如果帮助到了你, 欢迎采纳!
祝学习愉快~~
相似问题