HTML如何加背景图片_css设置背景图片

全栈程序员-站长 • 2022年9月1日下午4:36 • 未分类 • 阅读 0

HTML如何加背景图片_css设置背景图片在HTML中，我们可以使用两种不同的方法在HTML网页上显示背景图片：使用背景属性（HTML标签）使用CSS内部样式表提示：HTML5不再支持标签的background属性，建议使用CSS在Html文档中添加背景图片。使用背景属性使用Background属性在Html文档中添加背景图片。按照以下步骤，我们可以轻松实现。步骤1：我们在文本编辑器中键入HTML代码，或者用文本编辑器打开现有的HTML文件。<!DOCTYPEhtml><html><hea

大家好，又见面了，我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全系列IDE使用 1年只要46元售后保障童叟无欺

在HTML中，我们可以使用两种不同的方法在HTML网页上显示背景图片：

使用背景属性（HTML标签）

使用CSS内部样式表

提示：HTML 5不再支持标签的background属性，建议使用CSS在Html文档中添加背景图片。

使用背景属性

使用Background属性在Html文档中添加背景图片。按照以下步骤，我们可以轻松实现。

步骤1：我们在文本编辑器中键入HTML代码，或者用文本编辑器打开现有的HTML文件。

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>奔月教程(runoon.com)</title>
    </head>
    
    <body>
        <h1>使用Background属性添加背景图片</h1>
    </body>

</html>

步骤2：将光标移动到HTML文档中的开始标签内，输入背景属性，如下所示：

<body background=" ">

步骤3：输入要添加的图片的路径，如果图片存储在与HTML文件同一目录中，请输入以下路径：

<body background="image.jpg">

如果我们的图像存储在任何其他目录中，则输入该图像的正确路径。如下所示：

<body background="/home/images/image.jpg">

如果我们的图片在互联网上，那么我们也可以使用URL添加图片，如下所示：

<body background="https://www.runoon.com/img/background7.jpg">

如果图像小于页面，图像会进行重复。

步骤4：最后，在文本编辑器中保存HTML文件或HTML代码。

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>奔月教程(runoon.com)</title>
    </head>
    
    <body background="/img/background7.jpg"> 
        <h1>使用Background属性添加背景图片</h1>
    </body>

</html>

版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请发送邮件至举报，一经查实，本站将立刻删除。

发布者：全栈程序员-站长，转载请注明出处：https://javaforall.net/188529.html原文链接：https://javaforall.net

赞 (0)

全栈程序员-站长

0 0

gimp教程：gimp界面介绍「建议收藏」

gimp教程：gimp界面介绍「建议收藏」GIMP(跨平台图像处理程序)是一个开发源代码的光栅与图像编辑的先进功能，关于GIMP的界面，初学者都了解吗?下面是小编整理的关于gimp教程中gimp界面介绍，快来分享吧!gimp界面介绍：gimp图像窗口Gimp图像窗口是打开图形图像文件时图像显示的窗口，关闭窗口右上角的关闭按钮的话程序也将随之关闭。如下图所示，其窗口中包含下面几个元素：A、居于最上面的标题栏，最左面是Gimp图标(icons)，中间是图像名，如果是刚开始打开无图像的话显示”GNUImageManipulatio..

全栈程序员-站长
2022年6月15日
java数组反转Reverse

java数组反转Reverse三种反转数组的方法：publicclassReverseArray{publicvoidreverse(int[]arr){for(inti=0;i

全栈程序员-站长
2022年6月9日
科技

长亮科技中报业绩_2018年年报汇总

长亮科技中报业绩_2018年年报汇总长亮科技发布2018年报：营收首破十亿元，直面蚂蚁金服竞争压力

全栈程序员-站长
2022年4月21日
java中Scanner类用法的详解[通俗易懂]

java中Scanner类用法的详解[通俗易懂] 一 java.util.Scanner是Java5的新特征，我们可以通过Scanner类来获取用户的输入。首先要导入包 import java.util.Scanner;Scanner类的创建对象： Scanner S=newScanner(System.in); 方法基本格式 hasNextXxx() 判断是否还有下一个输入项,其中Xxx可以是Int,…

全栈程序员-站长
2022年7月7日
ubuntu安装pip3_ubuntu查看python包

ubuntu安装pip3_ubuntu查看python包ubuntu安装pip一、pip是什么二、pip命令行安装三、源文件安装四、出现的报错我的环境：ubuntu18.04一、pip是什么简单来时:pip是Python中的标准库管理器。它允许你安装和管理不属于Python标准库的其它软件包。二、pip命令行安装安装:sudoaptinstallpython3-pip更新：pip3install–upgradepip验证：pip-V三、源文件安装如果上面的方法失效后，可以使用这种编译源码的方法：1、安装set

全栈程序员-站长
2022年10月22日
【☠️️社死现场の老板来了☠️️】小伙，搞C语言嵌入式开发这么久了，还不知道u8、u16、u32、s8、s16、s32是什么意思啊？

【☠️️社死现场の老板来了☠️️】小伙，搞C语言嵌入式开发这么久了，还不知道u8、u16、u32、s8、s16、s32是什么意思啊？首先开门见山：u8是unsignedchar，u16是unsignedshort，u32是unsignedlong；s8是signedchar，s16是signedshort，s32是signedlong。然后娓娓道来：显而易见，u就是unsigned的缩写，s就是signed的缩写，8就表示8个二进制位（一个字节），16就表示16个二进制位（两个字节），32就表示32个二进制位（四个字节）。这样写的目的，是为了提高跨平台的移植性与兼容性。不同平台数据类型定义都不尽相同，一套代码要想.

全栈程序员-站长
2022年10月16日

发表回复

关注全栈程序员社区公众号