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

发布网友 发布时间:2022-04-06 00:37

我来回答

5个回答

热心网友 时间:2022-04-06 02:06

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

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

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

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

扩展资料:

background的定义与用法:

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

可以设置如下属性:

热心网友 时间:2022-04-06 03:24

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

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

扩展资料:

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

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

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

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

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

background-size 设置背景图片大小

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

热心网友 时间:2022-04-06 04:59

可以在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 :规定要使用的背景图像。

热心网友 时间:2022-04-06 06:50

比较简单且有效的方法,使用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

热心网友 时间:2022-04-06 08:58

你需要改变图片的尺寸就行了!

声明声明:本网页内容为用户发布,旨在传播知识,不代表本网认同其观点,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。E-MAIL:11247931@qq.com