html设置背景图片，html设置背景图片代码

编程之家2026-07-021066次浏览

大家好,今天小编来为大家解答以下的问题，关于html设置背景图片，html设置背景图片代码这个很多人还不知道，现在让我们一起来看看吧！

<><!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN""">

<head>

<title>无标题文档</title>

</head>

<style>

#pic{

height:200px;

width:200px;

background-image:url(images/ad1.png);

background-position:center;

background-repeat:no-repeat;

}

</style>

<body>

<div id="pic">这里填写文字<div>

</body>

</html>

设置图片的地址请在url括号中设置：

background-image:url(images/ad1.png);

设置图片的位置，这里是局中设置，当然您可以right和left设置：

background-position:center;

背景图片是否重复填充HTML标签，这里设置的是只显示一次

background-repeat:no-repeat;

至于height和width的设置，这个是您所说的HTML元素的高度和宽度，可以根据背景图片的高度和宽度进行设置

如果您有任何问题都可以在下面的网站中留言，只要力所能及，我一定为您解答

1、插入背景图片有两种方法，一种是用html的img标签，另一种是利用css的background标签插入。具体操作是首先新建一个html文件，写入两个div，分别用来演示两种方法插入标签：

2、首先是用html标签插入图片，这里直接在img标签中使用src属性就可以插入图片路径就成功了：

3、接着是用css插入，在div中设置class属性为img2，在script标签中使用background标签插入，其中url是标签的路径，no-repeat是设置图片不重复，center是设置照片居中显示：

4、最后给这些标签都设置一些样式，让它们显得美观一些。然后打开浏览器查看效果：

5、打开浏览器，可以看到照片都显示出来了。以上就是html插入照片的方法介绍：

html中如何设置背景颜色，背景图片，并且插入图片呢？快来看看吧。

第一步，设置背景颜色，只要改变body的bgcolor属性，不过要注意颜色与文本颜色的搭配要协调清晰。

第二步，HTML网页的背景图片得用background属性，文件路径如果和网页在一个文件夹内则只用写图片名字并且如果图片小于网页显示窗口，会自动重复添加。

第三步，如果要在网页中插入图片，则得调用<imgsrc=\"URL\">。

第四步，如果要设置图片大小，只要改变width和height属性即可，如图箭头所指。

第五步，默认的文字图像的排列是文字靠下，如果为了美观或要求，可以修改文字与图片的位置，如图。

注意事项

bgcolor和background两个属性，之后会被css设置替代，不过也得学好。

为了保证网页加载的速度，背景图片不要太大。

文章分享结束，html设置背景图片和html设置背景图片代码的答案你都知道了吗？欢迎再次光临本站哦！