讲解如何在HTML中添加背景图片?

在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>

讲解如何在HTML中添加背景图片?相关推荐

Vue中添加背景图片
往一个div中添加背景图片 bgImg:为图片地址希望能帮到你!!
简历背景图片设置html代码,怎么在简历中添加背景图片
在简历中添加背景图片的方法二步骤1.在菜单栏选择图片->自来文件->选择图片后->确定; 步骤2.选图片->右键-->设置图片格式->版式->衬于文字下方; ...
Qt中添加背景图片的方法
Qt中添加背景图片的方法 QPalette的方法 #include #include int main(int argc, char *argv[]) { QApplication app(argc, ...
怎样在android中添加背景图片？
怎样在android中添加背景图片? 1.打开左侧的工程文件夹.打开res中的layout,双击main.xml. 2.一般的图片是jpg格式的,要把格式转化为png格式的. 3.把PNG格式的图片拖 ...
java swing背景_java Swing中添加背景图片(总结)
在java GUI图形化设计中,Swing组件添加背景图片主要有两中情况:1,在Jpanl面板中添加背景图片,2,在jLable中添加背景图片首先介绍一种最巧妙的背景图片添加方法, 1.利用JLab ...
html表格中添加背景图片不平铺,如何在让Excel表格背景不平铺？
如何在让Excel表格背景不平铺? 时间:2016-06-09来源: 网络作者: 未知点击: 次 Excel技巧:如何在让Excel表格背景不平铺? 接上期<如何在Excel表格中插入背景图片& ...
如何给HTML文件加一张背景图,如何在css中添加背景图？
在前端开发过程中,为了页面的美观,往往都会给html页面添加背景图片.那么如何利用css设置html中用图片做背景?本章就给大家介绍css怎样设置背景图片. css background属性就是专门设 ...
前端背景图放置_如何在css中添加背景图？
在前端开发过程中,为了页面的美观,往往都会给html页面添加背景图片.那么如何利用css设置html中用图片做背景?本章就给大家介绍css怎样设置背景图片. css background属性就是专门设 ...
如何使用PDF编辑软件在PDF文件中添加背景图片
我们在做Word文档时有时候为了美观会给文档添加一个背景图片,当然了我们做PDF文档时给PDF文档添加一个背景图片也是必不可少的,但是我们应该怎么去给PDF文档添加背景图片呢?今天小编就把自己搜集的信 ...
如何在android中设置背景图片,在Android中设置窗口背景图
Android窗口管理在整个控件树的最顶端,是一个逻辑的树顶,ViewParent,在源码中的实现是ViewRoot(ViewRoot extends Handler implements View ...

讲解如何在HTML中添加背景图片?

讲解如何在HTML中添加背景图片?相关推荐

最新文章

热门文章