老师不明白为什么设置50% 80%，背景图片就靠底部水平居中了？
来源：2-15 编程练习
慕仰5025445
2020-06-26 17:08:16
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>background属性</title>
<style type="text/css">
/*此处写代码*/
div{width:300px;height:200px;border:10px solid rgba(255,0,0,0.3);padding:20px;background:url(http://climg.mukewang.com/582c39c00001091605000150.jpg) no-repeat 50% 80%;background-origin:padding-box;background-size:90%;text-align:center}
</style>
</head>
<body>
<!-- 此处写代码 -->
<div>慕课网国内最大的IT技能学习平台</div>
</body>
</html>
写回答
1回答
-
好帮手慕夭夭
2020-06-27
同学你好，这里设置的50% 80%是背景定位。50%是水平位置，80%是垂直位置。50%类似于设置center，所以能实现水平居中。固定记住即可
如果我的回答帮助到了你，欢迎采纳，祝学习愉快~
0
相似问题