css零到一基础教程011：CSS 背景图像

最新推荐文章于 2024-09-26 19:50:45 发布

慕容屠苏

最新推荐文章于 2024-09-26 19:50:45 发布

阅读量198

点赞数

分类专栏： css零到一文章标签： css html 前端

本文链接：https://blog.csdn.net/kerryqpw/article/details/123585521

版权

css零到一专栏收录该内容

98 篇文章 2 订阅 ¥49.90 ¥99.00

订阅专栏

超级会员免费看

本文详细介绍了CSS中的背景图像属性`background-image`，如何设置页面和元素的背景图像，以及注意事项，强调了选择不干扰文本阅读的背景图像的重要性。

摘要由CSDN通过智能技术生成

CSS 背景图像

background-image 属性指定用作元素背景的图像。

默认情况下，图像会重复，以覆盖整个元素。

实例

页面的背景图像可以像这样设置：

<!DOCTYPE html>
<html>
<head>
<style>
body {
  background-image: url("/i/paper.jpg");
}
</style>
</head>
<body>

<h1>Hello World!</h1>

<p>此页面以图像为背景！</p>

</body>
</html>

实例

本例展示了文本和背景图像的错误组合。文字难以阅读：

<!DOCTYPE html>
<html>
<head>
<style>
body {
  background-image: url(&

了解本专栏

超级会员免费看

慕容屠苏

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录