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

用background-position属性来实现。

参考代码：

<html>

<head>

body

{

background-image:url(/i/eg_bg_desert.jpg)'背景图

background-position: center center '居中

background-repeat:no-repeat'图片不重复

}

</style>

</head>

<body>

</body>

</html>

首先设置背景图片的大小

然后通过设置居中 margin：10% 10% 10% 10%；

margin:上右下左即为到上右下左的距离。

无明确数值可使用auto代替

在你所加背景图片的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），其中“头”部提供关于网页的信息，“主体”部分提供网页的具体内容。

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

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