background-color 设置背景颜色
background-image 设置背景图片
如果背景图片小于元素大小 默认将背景图片平铺充满屏幕
背景图片大于元素大小 默认显示图片的左上角
background-repeat 设置背景图是否平铺
repeat 设置背景图平铺 默认
repeat-x 背景图x轴平铺
repeat-y 背景图y轴平铺
no-repeat 不平铺
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>背景</title>
<!--
作者：[email protected]
时间：2020-02-27
描述：background-color 设置背景颜色
background-image 设置背景图片
如果背景图片小于元素大小 默认将背景图片平铺充满屏幕
背景图片大于元素大小 默认显示图片的左上角
background-repeat 设置背景图是否平铺
repeat 设置背景图平铺 默认
repeat-x 背景图x轴平铺
repeat-y 背景图y轴平铺
no-repeat 不平铺
-->
<style>
h1{
background-color: red;
}
p{
background-color: purple;
}
div{
width: 1000px;
height: 800px;
/*设置背景图片*/
/*设置图片不平铺*/
background-image: url(../img/2.gif);
background-repeat: no-repeat;
}
</style>
</head>
<body>
<h1>这是标题1</h1>
<p>这是段落1</p>
<div></div>
</body>
</html>
