HTML背景图片示例

HTML 元素上的背景图像

要在 HTML元素上添加背景图像，请使用 HTMLstyle属性和 CSSbackground-image属性：

在 HTML 元素上添加背景图像：

<p style="background-image: url('img_girl.jpg');">

您还可以在<style>元素中指定背景图像，在以下<head>部分：

在<style>元素中指定背景图片：

<style>
p {
  background-image: url('img_girl.jpg');
}
</style>

如果希望整个页面都有背景图片，则必须在<body>元素上指定背景图片：

为整个页面添加背景图片：

<style>
body {
  background-image: url('img_girl.jpg');
}
</style>

如果背景图像小于元素，图像将在水平和垂直方向上重复，直到到达元素的末尾：

<style>
body {
  background-image: url('example_img_girl.jpg');
}
</style>

为避免背景图像重复出现，请将background-repeat属性设置为no-repeat.

<style>
body {
  background-image: url('example_img_girl.jpg');
  background-repeat: no-repeat;
}
</style>

以上就是关于“HTML背景图片示例”的介绍，大家如果想了解更多相关知识，可以关注一下极悦的HTML教程，里面有更丰富的知识在等着大家去学习，希望对大家能够有所帮助。

首页

报班选班

免费测评

视频中心

技术文档

Java资讯

常见问题

hot资讯

学院新闻

热门专题

你适合学Java吗？4大专业测评方法

代码逻辑吸收能力技术学习能力综合素质

先测评确定适合在学习

在线申请免费测试名额
价值1998元实验班免费学