⑴ 怎么用css把背景图片拉伸 不是平铺
1、首先准备一张设置为背景的图片,这边准备的是一张650px*347px的图片。
⑵ css 背景图片怎么让他在浏览器中都居中显示
要是背景图片居中,需要借助于css中的background属性,background 简写属性其定义及用法如下:
background 简写属性在一个声明中设置所有的背景属性。可以设置如下属性:
1,background-color 规定要使用的背景颜色。
2,background-position 规定背景图像的位置。
3,background-size 规定背景图片的尺寸。
4,background-repeat 规定如何重复背景图像。
5,background-origin 规定背景图片的定位区域。
6,background-clip 规定背景的绘制区域。
7,background-attachment 规定背景图像是否固定或者随着页面的其余部分滚动。
background-image 规定要使用的背景图像。
如果不设置其中的某个值,也不会出问题,比如 background:#ff0000 url('smiley.gif'); 也是允许的。
通常建议使用这个属性,而不是分别使用单个属性,因为这个属性在较老的浏览器中能够得到更好的支持,而且需要键入的字母也更少。
background-position 即是规定背景图片的位置。它的值分别有以下:
top,left,right,bottom
所以需要想背景图片居中显示的话,可以这样写:
#menu_bg{background:url(../images/index_x.jpg) center center;}
⑶ 用css怎么让背景图片和插入页面的图片水平对齐
通过css控制背景图,例如background-position:10px 20px;表示背景图左上角坐标相对于父元素为(10,20),
⑷ css怎么调整背景图片的位置
1、首先打开前端开发工具,新建一个html代码页面。
⑸ 怎么用CSS把一张背景图片定在水平居右,然后再往左十个像素的固定位置上
background:url(images/-.gif) right top no-repeat;
然后给这个修改下背景图,给他右边加10像素的透明,就可以达到你要的效果了
如果你这个背景图是重复的,那就只能给他加个父层,父层右填充10像素.
⑹ CSS背景图片设置求教!!
background:url(../images/bg.gif) repeat-x top;
这个意思是从左向右铺满,靠顶部
background:url(../images/bg.gif) ;
这个意思是这一张图片铺满整个页面
background:url(../images/bg.gif) repeat-y;
这个意思是从上向下铺满
repeat-no:意思是背景不重复显示,只显示一张
repeat-x:意思是从左到右铺满
repeat-y:意思是从上到下铺满
⑺ 急!!如何用css实现背景图片纵向平铺
1、再css中定义css的背景图片,修改CSS的一下部分:
background-image:url(../images/bg_middle.jpg);
2、在之后加上background-repeat:repeat-y; 这个属性可以让图片纵向平铺
3、看图片是否会需要居中如果需要的话加上background-position: center