1. 程式人生 > >CSS再學習 之背景色 背景圖片

CSS再學習 之背景色 背景圖片

背景色

p {background-color: gray;}

如果您希望背景色從元素中的文字向外少有延伸,只需增加一些內邊距。

p {background-color: gray; padding: 20px;}

背景圖片

body {background-image: url(
    xxx.jpg
);}

背景重複。

background-repeat: repeat-y;

背景定位。

background-position:center;

百分數值。

background-position:50% 50%;

如果你想把一個影象放在水平方向 2/3、垂直方向 1/3 處,可以這樣宣告。

background-position:66% 33%;

長度值。長度值解釋的是元素內邊距區左上角的偏移。偏移點是影象的左上角。
比如,如果設定值為 50px 100px,影象的左上角將在元素內邊距區左上角向右 50 畫素、向下 100 畫素的位置上。

background-position:50px 100px;

背景關聯。

background-attachment:fixed;