CSS 设置背景图片

提问人：刘团圆发布时间：2020-11-18

如果觉得单纯的背景颜色无法满足网页展示需求，那么CSS还提供了自定义图片背景的方案，也就是可以引入一张外部的图片作为网页元素的背景。

background-image属性为元素设置背景图像。

元素的背景占据了元素的全部尺寸，包括内边距和边框，但不包括外边距。

初始背景图像（原图像）根据background-position属性的值放置。默认情况下，背景图像位于元素的左上角，并在水平和垂直方向上重复。根据background-repeat属性的值，图像可以无限平铺、沿着某个轴（x轴或y轴）平铺，或者根本不平浦。

background-image属性的语法很简单，和前面介绍的list-style-image语法相同，例如：

background-image:url();

【例题】使用background-image属性

代码如下：

<!DOCTYPE html>

<html>

<head>

<title>Document</title>

<style>

body{

background-image: url(img/01.jpg);

}

</style>

</head>

<body>

</body>

</html>

相关视频回答

点击加载更多评论>>