请问怎么控制背景图片居中在题目要求的位置
来源:2-15 编程练习
慕粉085629689
2020-03-25 11:33:36
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>background属性</title>
<style type="text/css">
/*此处写代码*/
header{
width:500px;
height:300px;
border:20px solid rgba(255,0,0,0.5);
background:url(http://climg.mukewang.com/582c39c00001091605000150.jpg) no-repeat;
background-size:90%;
background-clip:padding-box;
background-color:#999;
margin:0 auto;
}
.a{
font-weight:bold;
text-align:center;
padding-top:20px;
}
.b{
padding:20px;
padding:20px;
}
</style>
</head>
<body>
<!-- 此处写代码 -->
<header>
<div class="a">慕课网(IMOOC)国内最大的IT技能学习平台</div>
<div class="b"></div>
</header>
</body>
</html>
1回答
好帮手慕夭夭
2020-03-25
同学你好,可以设置背景定位,如下:
水平方向居中,垂直往下移动100px。(大致位置,自己也可以适当调整,和效果图差不多即可)
如果我的回答帮助到了你,欢迎采纳,祝学习愉快
相似问题