css怎么调整背景图片的位置?

background:url(/../../image/feed.gif)10pxcenterno-repeat;上面的怎么调整?... background:url(/../../image/feed.gif) 10px center no-repeat;
上面的怎么调整?
展开
 我来答
滟丽00
高粉答主

2019-07-20 · 繁杂信息太多,你要学会辨别
知道答主
回答量:1487
采纳率:0%
帮助的人:12.6万
展开全部

1、首先打开前端开发工具,新建一个html代码页面。

2、在html代码页面上创建一个用于设置背景颜色的div标签,然后给这个标签添加上class = "bg-img"。

3、设置背景图片。创建style标签,然后在标签里面对类为bg-img设置背景图片、图片不重复、宽、高的样式。

4、保存html代码,使用浏览器打开,这个时候会发现浏览器上的背景图片显示在左上角。

5、回到html代码页面,在bg-img类里添加background-position: center的属性。

6、保存html代码后重新刷新浏览器,这个时候会发现浏览器上的背景图片已经自动居中了。

幻翼高达Zero
2019-07-11 · TA获得超过1.7万个赞
知道答主
回答量:499
采纳率:0%
帮助的人:4.1万
展开全部

需要准备的材料分别有:电脑、浏览器、html编辑器。

1、首先,打开html编辑器,新建html文件,例如:index.html。

2、在index.html中的<style>标签中,输入css代码:body{background: url(small3.png) no-repeat;background-position: 50px 50px}。

3、浏览器运行index.html页面,此时背景图片被调整到距离左边和上边50px的位置。

本回答被网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
乱发感叹BX
推荐于2017-09-29 · TA获得超过134个赞
知道答主
回答量:65
采纳率:0%
帮助的人:0
展开全部
1.调整“background:url(/../../image/feed.gif) 10px center no-repeat;”中的10px 和 center就能调整背景图片的位置了。
可以把“center ”换成具体的值,如:“5px”之类的数值。

2.也可以把代码分开写
background:url(/../../image/feed.gif)no-repeat;
background-position:10px 5px;(调整其中的数值就可以达到调整位置的目的。)
本回答被提问者采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
jack观天下
推荐于2017-09-28 · 带你看天下趣闻,有意思的视频!
jack观天下
采纳数:832 获赞数:3141

向TA提问 私信TA
展开全部
背景图片位置在CSS中有专门的属性来调整:background-position:x y;
x的意思是x轴的数值、百分比,位置。
y的意思是y轴的数值、百分比,位置。

你可以在你的CSS图片属性里加上background-position:10px 50px;
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
斯天
2009-03-21 · 超过12用户采纳过TA的回答
知道答主
回答量:114
采纳率:0%
帮助的人:0
展开全部
你先用一个可以测量图片位子的软件,然后测出你要的图片的相对像素,然后你可以根据background:url(/../../image/feed.gif) 10px 12px 15px no-repeat自己来定了~~~还是蛮方便的
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(4)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式