发布网友 发布时间:2022-04-06 00:37
共5个回答
热心网友 时间:2022-04-06 02:06
比较简单且有效的方法,使用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'); 也是允许的。
通常建议使用这个属性,而不是分别使用单个属性,因为这个属性在较老的浏览器中能够得到更好的支持,而且需要键入的字母也更少。
热心网友 时间: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
你需要改变图片的尺寸就行了!