2016 - 2024

感恩一路有你

html整个页面添加背景 html如何插入背景图片?

浏览量:2489 时间:2021-03-15 13:45:09 作者:admin

html如何插入背景图片?

1. 插入背景图像有两种方法,一种是使用HTML的IMG标记,另一种是使用CSS的background标记。具体操作是创建一个新的HTML文件并编写两个div来分别演示插入标签的两种方法:

2。首先,插入带有HTML标签的图像。在这里,您可以使用img label中的SRC属性直接插入图像路径,然后使用CSS插入它。将div中的class属性设置为img2,并将其与script label中的background tag一起插入,其中URL是标签的路径,no repeat是将图片设置为不重复,center是将照片设置为显示在中间:

4。最后,为这些标签设置一些样式,使它们看起来更漂亮。然后打开浏览器查看效果:

5、打开浏览器,可以看到照片的显示。第一步是设置背景色,只要更改正文的bgcolor属性,但要注意颜色与文字颜色的匹配。

第二步是对HTML网页的背景图像使用background属性。如果文件路径与网页位于同一文件夹中,则只写入图像的名称。如果图像小于网页显示窗口,则会自动重复添加。

第三,如果要将图像插入网页,必须调用<img SRC=“URL”>。

第4步:如果要设置图像大小,只需更改宽度和高度属性,如图中箭头所示。

步骤5:文本图像的默认排列是文本的底部。为了美观或需求,可以修改文本和图像的位置,如图所示。

html整个页面添加背景 html设置网页背景图片 html怎么用图片做背景

版权声明:本文内容由互联网用户自发贡献,本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。