www.ypnh.net > 怎么用CSS把一张背景图片定在水平居右,然后再往左...

怎么用CSS把一张背景图片定在水平居右,然后再往左...

单纯的一个DIV一个css好像没办法搞定,但是可以想些其他的方法,达到类似的效果,比如说: .test01{float:left; width: 200px; border:solid 1px #c6c6c6;} .test02{hright: 100px; background:url(图片路径) right 0; margin-right:10px;} test...

利用css调整背景图片在页面中的定位,如: .aa{ background:url(../images/01.jpg) no-repeat 100px 200px;}/*100px是背景距离左边边距,200px是背景距离上边边距,可以是负数,如-100px*/

你的图片背景是放在DIv里面吗? margin-right:10px; float:right; 或者 Background-Image:url(图像路径) X坐标 Y坐标 no-repeat; 或者 padding-right:10px; float:right;

背景的上左边距一直都是用background-position:10px 20px 30px 40px;(上-右-下-左)顺时针顺序 margin是div的外边距 padding是div的内边距,与图片是没有关系的。

就是居中+左偏移?

:no-repeat为背景图不重复,最好是满足1280宽度的分辨率下位满屏,图片可以宽度为1280像素,第一个center为水平居中,第二个center为垂直居中,第二个center换成top也就是顶部显示背景图。

把图片(背景)定在右上角css样式如下: 把图片(背景)定在右下角css样式如下: 效果如下 为了区分,在div层中设置了边框颜色。 起决定作用的代码是: background:url(160840259.jpg) no-repeat right top;如果要靠左上代码如下: background:url(1...

background:url(xxxx.jpg) -100px -150px no-repeat; 其中-100px是指图片沿Y轴向上移动100个像素; -150px是指图片沿X轴向左移动150个像素。 你可以自己测试一下,当然,你如果想固定一整张背景图里的 15x15的 图片的话,这个设置背景图的容器也...

我觉得可以用两个div实现,相当于两个div摞起来。外层的div和内层的div大小设置一样,外层的设置背景图在左,内层的div设置背景图在右边,这样跟你要的效果是一样的,div按照百分比设置尺寸也没有问题

背景style="background:bg_bth.png 是你的大图 是你的要查入的图 浮动左边 很简单! 自己修改一下图片路径就OK

网站地图

All rights reserved Powered by www.ypnh.net

copyright ©right 2010-2021。
www.ypnh.net内容来自网络,如有侵犯请联系客服。zhit325@qq.com