CSS核心（十四）设置背景与背景平铺background-repeat属性讲解
设置背景的属性是：background-image:url(./img/5.jpg);
设置平铺的属性是：
background-repeat:no-repeat;
background-repeat有以下四个属性
repeat（平铺）
no-repeat（不平铺 即：如果图片尺寸不足以填满盒子时图片与左上对齐，空白位置保留）
repeat-x（横向平铺，即：仅填充横向空白区域）
repeat-y（纵向平铺，即：仅填充纵向空白区域）
背景图片默认状态下是平铺的，请看以下代码：
一、设置背景和设置背景图片
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>背景平铺background-repeat属性讲解</title>
</head>
<body>
<style>
div{
width:500px;
height:500px;
/* 背景颜色：background-color */
/* background-color:#f00; */
/* 背景图片：background-image图片默认是平铺的
即：图片尺寸不足以填充盒子尺寸时，下面和左面重复填充该图片 */
background-image:url(./img/5.jpg);
}
</style>
<div>
背景background相关属性
</div>
</body>
</html>
显示结果为：
二、设置平铺属性
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>背景平铺background-repeat属性讲解</title>
</head>
<body>
<style>
div{
width:500px;
height:500px;
/* 设置背景平铺：
background-repeat:repeat;
repeat（平铺）
no-repeat（不平铺 即：如果图片尺寸不足以填满盒子时图片与左上对齐，空白位置保留）
repeat-x（横向平铺，即：仅填充横向空白区域）
repeat-y（纵向平铺，即：仅填充纵向空白区域） */
background-color:#abcdef;
background-repeat:repeat-x;
background-image:url(./img/5.jpg);
}
</style>
<div>
背景background相关属性
</div>
</body>
</html>
显示结果为：
关于平铺的其它属性值在代码中都做了详细的注解，大家可以自己动手练习一下。
说得是很好啊！不光是在程序员这个行业中适用，在其它的行业中也同样适用！ 是啊！虽然我还是一个学生，没有进入社会，我相信你看法对我是一个很大影响！天外有天，人外有人永远不要认为自己已经学好了不要再学了 韧性和毅力。 学习的道路上永远都没有终点！！！ 写得真好，是学习的榜样在失败中认识自己,在失败中寻找自己,在失败中战胜自己.你的故事给我的感受就是:我们是菜,但我们一定能做的更好 感触很大，谢谢！我是一个VB初学者，向你至敬！如梦初醒！感谢 学无止尽，多谢楼主，让我们为中国的软件事业做点什么吧！ 谢谢，我是幸运的，刚学就看到了这么好的忠告 我是个初学者现状学的一塌糊涂的．自己感觉没有找到门路和学习方法．还请你指教指教．看了你的文章打心里佩服你