5.3. CSS background-repeat 属性

background-repeat -- 定义背景图片的重复方式
  • 取值: repeat | repeat-x | repeat-y | no-repeat | inherit
    • repeat: 平铺整个页面,左右与上下
    • repeat-x: 在x轴上平铺,左右
    • repeat-y: 在y轴上平铺,上下
    • no-repeat: 图片不重复
    • inherit: 继承
  • 引用网址:http://www.dreamdu.com/css/property_background-repeat/
  • 初始值: repeat
  • 继承性: 否
  • 适用于: 所有元素
  • 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的右侧显示一系列橙色点.

CSS background-repeat 属性示例 -- 可以尝试编辑



  • 教程中有什么不懂的地方?发现教程的错误!对教程有什么建议!快快联系猴子呀dreamdu@163.com,:)
赞助梦之都