CSS background-repeat 属性示例

 

background-repeat -- 定义背景图片的重复方式

• 取值: repeat | repeat-x | repeat-y | no-repeat | inherit
  • repeat: 平铺整个页面,左右与上下
  • repeat-x: 在x轴上平铺,左右
  • repeat-y: 在y轴上平铺,上下
  • no-repeat: 图片不重复
  • inherit: 继承
• 初始值: repeat
• 继承性: 否
• 适用于: 所有元素
• background:背景.repeat:重复.
• 引用网址:http://www.dreamdu.com/css/property_background_repeat/

示例

body
{ 
	background-image:url('list-orange.png');
	background-repeat:no-repeat;
}
div
{
	background-image:url('list-orange.png');
	background-repeat:repeat-y;
	background-position:right;
}

屏幕左上角显示一个橙色点,div的右侧显示一系列橙色点。