body background=定义的背景图片如何居中?

<bodybackground="http://img.article.pchome.net/00/19/82/20/2.jpg"bgproperties="fixed"... <body background="http://img.article.pchome.net/00/19/82/20/2.jpg" bgproperties="fixed"></body>

怎样改可以让背景图片不是平铺而是居中?
展开
 我来答
百度网友0ae2a04
2019-02-03 · TA获得超过607个赞
知道答主
回答量:15
采纳率:0%
帮助的人:2537
展开全部

比较简单且有效的方法,使用css来控制图片居中。

操作很简单,把如下代码加入<head>区域中即可:

又或另外一种更简单的代码,如下:

background:url(111.jpg) no-repeat center center;

扩展资料:

background的定义与用法:

background 简写属性在一个声明中设置所有的背景属性。

可以设置如下属性:

  • background-color

  • background-position

  • background-size

  • background-repeat

  • background-origin

  • background-clip

  • background-attachment

  • background-image

    如果不设置其中的某个值,也不会出问题,比如 background:#ff0000 url('smiley.gif'); 也是允许的。

  • 通常建议使用这个属性,而不是分别使用单个属性,因为这个属性在较老的浏览器中能够得到更好的支持,而且需要键入的字母也更少。

abcdefg_690
推荐于2019-09-22 · TA获得超过147个赞
知道答主
回答量:13
采纳率:0%
帮助的人:3977
展开全部

比较简单且有效的方法,是使用css中的background-image来控制图片居中。

为了达到目标效果,只要把如下代码加入<head>区域中

扩展资料:

background是CSS简写属性,用来集中设置各种背景属性。background可以用来设置一个或多个属性,其中参数含义解释如下:

background-color 设置元素的背景色, 属性的值为颜色值或关键字”transparent”二者选其一

background-image 用于为一个元素设置一个或者多个背景图像

background-position 指定背景图片的初始位置

background-repeat 定义背景图像的重复方式。背景图像可以沿着水平轴,垂直轴,两个轴重复,或者根本不重复。

background-size 设置背景图片大小

background-attachment 决定背景是在视口中固定的还是随包含它的区块滚动的

本回答被网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
有友星16
推荐于2019-09-30 · TA获得超过2763个赞
知道答主
回答量:8
采纳率:0%
帮助的人:6202
展开全部

可以在CSS样式中设置用background-image控制图片的大小及位置和居中,具体让图片居中的代码如下:

又或另外一种更简单的代码,如下:

background:url(111.jpg) no-repeat center center;

扩展资料:

使用background插入背景图片的各种属性:

css background属性就是专门设置背景的属性,可以设置背景色,也可以设置背景图片。

下面看看background可以设置的属性:

background-color: 规定要使用的背景颜色。

background-position: 规定背景图像的位置。

background-size: 规定背景图片的尺寸。

background-repeat :规定如何重复背景图像。

background-origin :规定背景图片的定位区域。

background-clip: 规定背景的绘制区域。

background-attachment: 规定背景图像是否固定或者随着页面的其余部分滚动。

background-image :规定要使用的背景图像。

本回答被网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
dgww
推荐于2017-09-13 · TA获得超过1967个赞
知道大有可为答主
回答量:1326
采纳率:50%
帮助的人:1850万
展开全部
比较简单且有效的方法,使用css来控制图片居中。

把如下代码加入<head>区域中

<STYLE TYPE="text/css">
<!--
BODY {background-image: URL(picture1.jpg);
background-position: center;
background-repeat: no-repeat;
background-attachment: fixed;}
-->
</STYLE>

参考资料: http://www.badguy.name

本回答被提问者采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
中式文化
2007-06-11 · TA获得超过617个赞
知道小有建树答主
回答量:509
采纳率:100%
帮助的人:251万
展开全部
你需要改变图片的尺寸就行了!
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 1条折叠回答
收起 更多回答(3)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

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

类别

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

说明

0/200

提交
取消

辅 助

模 式