1 、backgroundposition属性值主要包括关键字值和像素值关键字值topbottomleftright这些关键字用于确定背景图片相对于元素的位置例如 ，rdquoleft toprdquo表示背景图像的起始点位于元素的左上角center用于水平和垂直居中显示背景图像如果仅使用一个关键字值 ，则第二个值默认为居中例如。
2 、图片居中 lt！ 水平40%，垂直50% lt！ 水平100px ，垂直100px 4 背景显示方式 backgroundrepeat属性控制背景图片的平铺方式 lt！ 水平平铺 lt！ 垂直平铺 lt！ 不平铺 5 背景滚动条 backgroundattachment 。
3、要实现CSS背景图的固定局部放大效果 ，需结合backgroundattachment fixedbackgroundsize百分比值和backgroundposition属性，通过以下步骤完成核心实现步骤引入背景图使用backgroundimage属性指定图片路径selector backgroundimage url#39yourimagejpg#39固定背景图设置backgroundattachmen 。
4 、1可以使用backgroundposition属性设置图片位置 ，具体的方法是 ，首先用hbuilder软件新建一个html文件，文件的head标签中设置输入style标签2然后设置body的样式 ，给body加一张图片 ，设置为不重复，设置backgroundposition属性让图片出现在右上方，该属性的前一个参数控制上下的位置 ，后一个参数控制左右的。
5 、这个涉及到编程 ，具体操作如下可以使用backgroundposition属性设置图片位置，首先用hbuilder软件新建一个html文件 ，文件的head标签中设置输入style标签然后设置body的样式 ，给body加一张图片，设置为不重复 ，设置backgroundposition属性让图片出现在右上方 ，该属性的前一个参数控制上下的位置，后一个参数 。
6、4在css标签内 ，再通过将backgroundposition属性设置为“center right ” ，实现背景图片靠右居中5 。
7 、backgroundposition属性使用频率非常高，大量的网站为了减少。
8 、backgroundposition X轴坐标 ，Y轴坐标top ，bottom，center，left ，right ，20px，10%设置背景的左上角位置 ，坐标可以是以百分比或固定单位 background 可以用这个属性把前面几个综合起来进行简写 ，background 各个值的次序依次如下backgroundcolor backgroundimage backgroundrepeat back 。
9、改变backgroundposition属性使渐变“流动 ”使用backgroundsize 200% 200%扩大背景范围，确保动画移动时平滑过渡将动画绑定到文字元素 ，设置持续时间缓动函数和循环次数示例代码```css@keyframes gradientShift 0% backgroundposition 0% 50%50% backgroundposition 100% 50% 。
本文来自作者[恭喜发财]投稿，不代表华智号立场，如若转载，请注明出处：https://www.bjxhzyykj.cn/miao/6852.html
评论列表（4条）
我是华智号的签约作者“恭喜发财”！
希望本篇文章《backgroundposition属性参数的简单介绍》能对你有所帮助！
本站[华智号]内容主要涵盖：华智号,生活百科,小常识,生活小窍门,百科大全,经验网
本文概览：1、backgroundposition属性值主要包括关键字值和像素值关键字值topbottomleftright这些关键字用...