背景图片的水平居中是用backgroud-position控制么？

首页课程实战体系课手记专栏慕课教程

背景图片的水平居中是用backgroud-position控制么？

来源：2-15 编程练习

慕斯9523191

2020-08-12 11:45:40

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>background属性</title>

<style type="text/css">

/*此处写代码*/

div{box-sizing:border-box;width:400;height:300px;border:10px solid rgba(255,0,0,0.5);padding:20px;background-clip:padding-box;background:url(http://climg.mukewang.com/582c39c00001091605000150.jpg) no-repeat;background-size:90%;text-align:center;margin:20px auto;background-position:22px 150px}

</style>

</head>

<body>

<div>

<h3>慕课网（IMOOC）国内最大IT技能学习平台</h3>

</div>

</body>

</html>

写回答

1回答

好帮手慕星星

好帮手慕星星

2020-08-12

同学你好，背景图片水平居中显示是用backgroud-position属性控制的。但是div设置宽度400没有生效，因为没有加单位。参考修改

div大小修改，图片水平方向上居中显示以及设置背景色。

祝学习愉快！

1

0 学习 · 40143 问题

相似问题

以下代码中左上方的border区域未显示图片，按理来说图片会默认占满border区域

回答 2

回答 1

老师您好，这个背景图片为啥跑到右下角了？不是设置了center吗？

回答 3

老师不明白为什么设置50% 80%，背景图片就靠底部水平居中了？

回答 1

请问怎么控制背景图片居中在题目要求的位置

回答 1

打开慕课网App查看更多内容