请问用HTML什么代码编写背景图片_随笔

HTML里面编写背景图片方法基本分三种：

通过标签直接设置<p style="background-image:url(images/a.jpg)">aaaaa</p>

通过CSS设置：select{background-image: url(images/a.jpg)}

通过js修改$(select).css("background-image","url(images/a.jpg)")

扩展资料:

定义和用法：background-image 属性为元素设置背景图像。元素的背景占据了元素的全部尺寸，包括内边距和边框，但不包括外边距。默认地，背景图像位于元素的左上角，并在水平和垂直方向上重复。

提示：请设置一种可用的背景颜色，这样的话，假如背景图像不可用，页面也可获得良好的视觉效果。

详细说明：background-image 属性会在元素的背景中设置一个图像。

根据 background-repeat 属性的值，图像可以无限平铺、沿着某个轴（x 轴或 y 轴）平铺，或者根本不平铺。初始背景图像（原图像）根据 background-position 属性的值放置。

如果需要在页面上对背景图像进行平铺，可以使用 background-repeat 属性。属性值 repeat 导致图像在水平垂直方向上都平铺，就像以往背景图像的通常做法一样。

repeat-x 和 repeat-y 分别导致图像只在水平或垂直方向上重复，no-repeat 则不允许图像在任何方向上平铺。

参考实例：

参考资料:W3school

<html>

<head>

<style>

.bg{

height:600px

width:600px

background-color:#007ab9

}

</style>

</head>

<body>

</body>

</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什么代码编写背景图片