css设置背景图定位的问题,css背景图片定位问题

2021-01-02 11:59:09 字数 5806 阅读 1730

1楼:匿名用户

你查查background-position并练习一下就知道了,背景图的两个偏移值可以用background-position:xy;表示。x是水平位置偏移,y是垂直位置偏移。

你可以用坐标来理解,**左上角的坐标就是00。如-68**x-162px就是:水平偏移68**x,垂直偏移162px

具体的数值是根据你**来定的,如下图:黑色的**距离左边30px,距离顶部60px,那么background-position的两个值就是-30px -60px

2楼:安安分分

分别是背景**偏移值

right -131px;分别指示x轴和y轴偏移值及x方向右靠齐,y轴向上偏移131px

望采纳,谢谢

3楼:匿名用户

你在ps里面打开这个图,从ps画布左上角 0,0 位置处画个 131px 的方块,你就懂了。

-131px 取决于**中 131px 开始的地方是什么图案。

css背景**定位问题

4楼:云南新华电脑学校

直接通过 background-position属性设置div背景图的位置就好了嘛,不需要定位什么的……

更细节的还有问题的话建议你贴出**及其**素材才方便帮你调试咯!

css怎么调整背景**的位置?

5楼:滟丽

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

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

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

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

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

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

6楼:幻翼高达

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

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

2、在index.html中的标签中,输入css**:body。

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

7楼:晋城网络推广笔记

背景**位置在css中有专门的属性来调整:background-position:x y;

x的意思是x轴的数值、百分比,位置。

y的意思是y轴的数值、百分比,位置。

你可以在你的css**属性里加上background-position:10px 50px;

8楼:匿名用户

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;(调整其中的数值就可以达到调整位置的目的。)

9楼:蓝轩

10px是距上下10px,center是只有居中,no-repeat是不重复

10楼:斯天

你先用一个可以测量**位子的软件,然后测出你要的**的相对像素,然后你可以根据background:url(/../..

/image/feed.gif) 10px 12px 15px no-repeat自己来定了~~~还是蛮方便的

利用css定位背景**到底定位在哪

11楼:匿名用户

设置background-repea属性

repeat 默认。背景图像

将在垂直方向和水平方向重版复权。

repeat-x 背景图像将在水平方向重复。

repeat-y 背景图像将在垂直方向重复。

no-repeat 背景图像将仅显示一次。

inherit 规定应该从父元素继承 background-repeat 属性的设置。

和background-position属性top left

top center

top right

center left

center center

center right

bottom left

bottom center

bottom right

css**里面背景**position所定位的值是怎么来的

12楼:朋朋的问题

可以用fireworks打开**来得到坐标

13楼:

我一般用ps里面的参考线来确定具体位置坐标。

css中设置背景**问题!!!!!如下:

14楼:匿名用户

如果你非bai要只用一个

ducss就做出来,那么方法如下:

你用zhips切出一dao个红色垂直方向专比较长的线出来,然属后设置background: url(**路径) 20px 40px no-repeat;

注:如果你不知道怎么切红线,那你就新建一个宽2px 高500px的图层并填充红色即可

其实最好的方法其实是在黑色边框这个div内部再嵌套一个div并设置左边线即可,位置应该不难控制的

15楼:罐头

首先你盒子定义边框怎么是background的定义,应该是border:1px solid #000;

至于你想要设置背景图的定位,就设置background-position啊;

css里面背景图像使用background-position定位显示的时候怎么才能让背景平铺?

16楼:匿名用户

|用background-size属性,

格式如下:background-size: length|percentage|cover|contain;

length 设置背景**高度和宽度。第一个值内设容置宽度,第二个值设置的高度。如果只给出一个值,第二个是设置为 auto(自动)

percentage 将计算相对于背景定位区域的百分比。第一个值设置宽度,第二个值设置的高度。如果只给出一个值,第二个是设置为"auto(自动)"

cover 此时会保持图像的纵横比并将图像缩放成将完全覆盖背景定位区域的最小大小。

contain 此时会保持图像的纵横比并将图像缩放成将适合背景定位区域的最大大小。

17楼:小坏蛋

background-size: 20% 100%;

background-repeat:repeat;//默认的bai调用

du**默

zhi认是平铺的dao,你如

内果想要只铺一容行用background-size: n% 100%;

background-position用不到吧

18楼:

如果是要平来

铺的**只自能做成单张的**,集合**(css sprite)是不行的。

至于实现平铺效果用:

background-repeat:repeat;

background-repeat:repeat-y;

background-repeat:repeat-x;

19楼:删除一半

body

body 是选择了整个**,然后给他添加**背景repeat是让**重复

top与left是让**定位,意思内是整个**的 顶部容并且是左边

20楼:匿名用户

background-position:12px12px;

就是类似的2个像素,你可以在浏览器里面f12调整,可以达到最终效果。我做html5游戏的时候,就利用了这个。

21楼:匿名用户

是background-repeat吧?

22楼:小潇筱肖晓萧

background-repeat:repeat;

background-repeat:repeat-y;

background-repeat:repeat-x;

background-repeat:no-repeat;

css如何设置select的背景图

23楼:千锋教育

这样,便可实现兼容个浏览器的,纯css控制的,设置背景**样式。

24楼:匿名用户

一。使用

来js+css,利用css设置属性,通过自onchange触发事件,或者js对标签

的控制,完成对的美化,也能够达到兼容的目的。

二。使用jquery,这个方法能够实现很多炫目的select特效,但是封装过程和调用过程不是很容易理解,另外,如果遇到联级select的调用方式,很容易出错。

三。仍是利用jquery+css的方式,通过使用其他div标签仿来实现。

jq的话,在站酷上可以搜索到,很漂亮的效果。。。

25楼:匿名用户

select

26楼:扬翠受听筠

here is the first option

the second option

div+css如何改变背景**位置

27楼:匿名用户

background:url(背景

图路径) left bottom;/*left 和 bottom 改为 top、right、center看看有什么变化*/

background:url(背景图路径) 0 10px;/*改改版里面数权

值试试*/

background:url(背景图路径) 50% 0;/*改改里面数值试试*/

28楼:匿名用户

background-position:数值1 数值2;

数值1是控制左右宽度

数值2是控制上下高度

底部右下可以写:background-position:right bottom;

29楼:匿名用户

要让**bai靠左,居于底部,用du:background:url(这里zhi是你的背景**路dao径) no-repeat left bottom;我是网页设计专师,如果可

30楼:淸藍

background-position:left bottom; 第一bai个水平left 第二个垂直dubottom。 也可以写zhi具体数值

dao:background-position:36px 48px; 记住先后版水平垂直顺权序。

31楼:匿名用户

background-position:bottom left;

做简历的背景图问题,word做简历的背景图问题

1楼 匿名用户 可以。。hi我。。我的简历可是很漂亮的。。 2楼 匿名用户 我试试。 复制。或者格式 背景 水印,看起是否可以编辑。 3楼 匿名用户 ctrl a全选 复制 粘贴 4楼 匿名用户 就像做那个幻灯片一样 多添加几个不就行了 5楼 匿名用户 分不低了 不过没弄过 用word做应聘简历表 ...

读“日本简图”,回答下列问题(1)图中A的位置是

1楼 百度用户 1 由地理位置可知a为北海道岛 2 根据地理位置可知b为中国,c为朝鲜 3 日本的工业主要集中分布在太平洋沿岸和濑户内海沿岸地区,这里发展工业的有利条件是多良港,便于进口原料 燃料和出口工业品,也是人口众多的消费区多良港,便于进口原料 燃料和出口工业品,也是人口众多的消费区 故答案为...

园林景观效果图设计特点有哪些,园林景观效果图制作有哪些需注意的问题?

1楼 植物网 首先给大家介绍了中国园林在世界三大园林体系中的地位,以及中国园林本身又分成了两大园林体系,就是北方的大型皇家园林,和南方的小型私家。 然后,给大家介绍如何来欣赏中国的园林艺术。中国的园林艺术,不管是北方的大型皇家园林,还是南方的小型私家园林,都追求一种诗情画意的境界。中国的唐诗宋词非常...