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的右側顯示一系列橙色點。