一、css背景属性
(1)background-color 背景颜色
(2)background-image:url(“背景图片地址URL”)
(3)background-repeat: 图片是否平铺值:
①repeat 默认 x轴 y轴 都平铺
②no-repeat 不平铺
③repeat-x x轴平铺 y轴不平铺
④repeat-y y轴平铺 x轴不平铺
(4)background-position: 图片的位置
一个值 代表 x轴的位置
两个值 第一个值代表x轴 第二个值 代表 y轴
注意: 图片的开始点 (0,0) 点 是从图片的左上角开始算起 跟标签没有关系
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>css 背景元素</title>
<style type="text/css">
#ad{
width: 200px;
height: 200px;
background-color: red;
background-image: url("1.jpg");
background-repeat: repeat;
}
</style>
</head>
<body>
<div id="ad">
</div>
</body>
</html>