在html代码中怎么让背景图片居中_随笔

直接用no-repeat就可以了

body{background:url(http//:图片位置) 参数} /*可识别的图片格式为jpg、gif、bmp等*/

主要参数：

repeat ：背景图像在纵向和横向上平铺

no-repeat：背景图像不平铺

repeat-x ：背景图像在横向上平铺

repeat-y ：背景图像在纵向平铺

实例

background: #0066cc url(图片) no-repeat fixed center

或

top right 表示图片与浏览器的顶边和右边对齐

bottom left 表示图片与浏览器的底边和左边对齐

在你所加背景图片的table或div里加入如下代码：style="background-position:centerbackground-repeat:no-repeat"

例如：<table width="200" height="200" style="background-position:centerbackground-repeat:no-repeat" background="a.jpg">

补充：

style="background-position:centerbackground-repeat:no-repeat"

加在<body>里面就可以了。

例如：

html简介：

超文本标记语言，标准通用标记语言下的一个应用。 “超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。

超文本标记语言的结构包括“头”部分（英语：Head）、和“主体”部分（英语：Body），其中“头”部提供关于网页的信息，“主体”部分提供网页的具体内容。

可以用“margin: 0 auto”和“text-align: center”是图片在网页中居中。

1、新建html文档，在body标签中添加div标签，然后在div标签中添加img标签：

2、为div标签添加“margin”属性，属性值是“0 auto”，这时div标签将会在网页中居中显示：

3、为div标签添加“text-align”属性，属性值是“center”，这时div标签内的img标签将会在div标签中居中显示，这样图片就会在网页中居中显示了：

欢迎分享，转载请注明来源：内存溢出

在html代码中怎么让背景图片居中