老师帮忙看一下
来源：2-15 编程练习
前端小白白白白白白
2020-03-23 17:19:20
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>background属性</title>
<style type="text/css">
/*此处写代码*/
div{
height:150px;
width:300px;
border:5px solid rgba(255,0,0,.5);
padding:20px;
background-origin:content-box;
background-size:90%;
background-image:url("http://climg.mukewang.com/582c39c00001091605000150.jpg");
background-repeat:no-repeat;
background-position:0 17px;
}
</style>
</head>
<body>
<!-- 此处写代码 -->
<div>慕课网（IMOOC）国内最大的IT技能学习平台</div>
</body>
</html>写回答
1回答
-
好帮手慕慕子
2020-03-23
同学你好，如下所示：内容没有水平居中显示， 且文字覆盖在图片上显示，效果不美观。
建议：适当增加盒子的宽度，让文字在一行显示，添加text-align让文字居中显示，调整background-positon属性，让图片水平居中显示。
如果我的回答帮助到了你，欢迎采纳，祝学习愉快~
0
相似问题