CSS背景


CSS 背景属性允许你控制元素的背景颜色,将图像设置为背景,垂直或水平低重复背景图像,并且在网页上定位背景图像。

描述
background-color 规定要使用的背景颜色。
background-position 规定背景图像的位置。
background-size 规定背景图片的尺寸。
background-repeat 规定如何重复背景图像。
background-origin 规定背景图片的定位区域。
background-clip 规定背景的绘制区域。
background-attachment 规定背景图像是否固定或者随着页面的其余部分滚动。
background-image 规定要使用的背景图像。
inherit 规定应该从父元素继承 background 属性的设置。

案例:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>演示CSS的背景属性</title>
<style type="text/css">
	body{
		/*颜色*/
		/*
		background-color:blue;
		*/
		/*图片*/
		/*
		background-image: url("mm.jpg");
		*/
		/*重复*/
		/*
		background-repeat: no-repeat;
		*/
		/*起始位置*/
		/*
		background-position: top center;
		*/
		/*简写属性*/
		background: red url("mm.jpg") no-repeat top center;
	}
</style>
</head>
<body>

</body>
</html>

效果: