background-color
background-image
- background-image:url(图片路径)
- background-image:none
background-repeat
- repeat:重复平铺满
- repeat-x:向x轴重复
- repeat-y:向y轴重复
- no-repeat:不重复
background-posion
- 横向(left,center,rught)
- 纵向(top,center,bottom)
- 用数值表示位置
简写方式
back:背景颜色 url(图像) 重复 位置
代码
<!doctype html>
<html>
<head>
<title>背景属性</title>
<meta charset="utf-8">
<style type="text/css"> body{ background:red url(https://ss0.baidu.com/6ONWsjip0QIZ8tyhnq/it/u=202128876,1939822227&fm=80&w=179&h=119&img.JPEG) no-repeat 20px 20px; } </style>
</head>
<body>
</body>
</html>