CSS 背景屬性(Background) | css background
CSS樣式 顯現結果 p{background-color:00FF00;} 綠色背景 p{background-color:red;} 紅色背景 CSS樣式顯現結果p{background-image:url(yp.jpg);}有背景圖案background-repeat屬性是用來指定背景圖案重不重複。預設值是"repeat",代表此背景圖案將在x-及y-方向都會重覆。其他的值為x-repeat(x-方向重複)、y-repeat(y-方向重複)、以及no-repeat(不重複)。CSS樣式顯現結果p{ background-image:url(yp.jpg); background-repeat:no-repeat;}背景圖案不重複。p{ background-image:url(yp.jpg); background-repeat:repeat-x;}背景圖案在x...
CSS 樣式 顯現結果p {background-color: 00FF00;}
綠色背景
p {background-color: red;}
紅色背景
CSS 樣式顯現結果p {background-image:url(yp.jpg);}
有背景圖案
background-repeat 屬性是用來指定背景圖案重不重複。預設值是 "repeat",代表此背景圖案將在 x- 及 y-方向都會重覆。其他的值為 x-repeat (x-方向重複)、y-repeat (y-方向重複)、以及 no-repeat (不重複)。
CSS 樣式顯現結果p { background-image:url(yp.jpg); background-repeat: no-repeat; }
背景圖案不重複。
p { background-image:url(yp.jpg); background-repeat: repeat-x; }
背景圖案在 x-方向重複。
p { background-image:url(yp.jpg); background-repeat: repeat-y; }
背景圖案在 y-方向重複。
p { background-image:url(yp.jpg); background-repeat: repeat; }
背景圖案在 x- 及 y-方向重複。
background-attachment 屬性是用來指定背景圖案是否在螢幕上固定。這個屬性可能的值為 "fixed" (當網頁捲動時,背景圖案固定不動) 以及 "scroll" (當網頁捲動時,背景圖案會跟著移動)。
background-position 屬性是用來指定背景圖案的位置。它的值可以是: