第七天

作者: 冥千洛 | 来源:发表于2018-10-23 18:36 被阅读0次

image.png

背景
可以使用background-image来设置背景
语法background-image：url（图片路径）
如果背景图片大于元素，默认会显示图片的左上角
如果背景图片和元素一样大，则会将背景图片全部显示
如果背景图片小于元素大小，则会默认将背景图片平铺以充满元素
例：<!DOCTYPE html>
<html lang="en">
<head>
<meta charset='utf-8'>
<title>背景</title>
<style type="text/css">
.box1{
width: 1024px;
height: 724px;
margin: 0 auto;
background-color: #bfa;
background-image: url(img/2.gif);
background-repeat: repeat-x;
}
</style>
</head>
<body>
<div class="box1"></div>
</body>
</html>
repeat，默认值，背景图片会双方向重复（平铺）
no-repeat，背景图片不会重复，有多大就显示多大
repeat-x，背景图片沿水平方向重复
repeat-y，背景图片沿垂直方向重复