CSS背景 標籤

2021-09-01 13:33:23 字數 1001 閱讀 7883

1、背景:

1. background-color: 設定背景顏色

2.background-image:設定背景

-如果背景小於元素大小,預設將背景平鋪來充滿元素

-如果背景大於元素大小,預設顯示的左上角

-如果背景等於元素大小,背景會全部顯示出來

可以同時為乙個元素設定背景圖和背景顏色,這樣背景顏色就作為了背景圖的底色

3.background-repeat:設定背景圖是否平鋪

repeat:設定背景圖平鋪:預設

repeat-x:背景圖x軸平鋪

repeat-y:背景圖y軸平鋪

no-repeat:不平鋪

2、 backgound-position

backgound-position:x y

設定背景出現的位置

-1. x代表水平 y代表垂直

-2. px比如:

0px 0px:表示背景圖出現在左上角 預設值

40px 40px:向右偏移40px,向下偏移40px(正偏移)

-40px -40:向左偏移40px,向上偏移40px

-3.x% y%:使用百分比設定背景出現的位置

10% 50%, 向右移動了10%,然後垂直居中

-4 top、center、bottom、left/right

right top:右上角

top:上方水平出現,垂直預設center

3、background-attachment

常用的兩種值

scrool:表示背景隨頁面滾動

4、background可以寫background 的屬性:

background-color

background-image

background-repeat

background-position

background-attachment

書寫順序無所謂,數量無所謂,想寫幾個寫幾個

css背景屬性和標籤的轉化

backgroun color 設定背景顏色 可選值 顏色值 background repeat 設定的鋪設方式 可選值 repeat 預設值,背景將在垂直和水平方向重複平鋪 repeat x 背景在水平方向平鋪 repeat y 背景在垂直方向上平鋪 no repeat 不平鋪 backgroun...

背景標籤BODY

說穿了,背景標籤只有這個標籤,其餘的效果,只要加上一些簡單的屬性便可做到。使用方法 標籤解說 這個標籤其實應該老早就要講了,畢竟它是構成網頁不可或缺的基本要素之一 哎哎哎.現在放馬後炮有什麼用!我們背景顏色或的設定以及鏈結字型的顏色,通通都放在這標籤裡面。我就其屬性來一一解說 背景顏色 用法 設定背...

css背景樣式css背景樣式

css背景樣式 css背景樣式 序號中文說明 標記語法 1背景顏色2背景 3背景重複 4背景固定 5背景定位 6背影樣式 1 背景顏色 background color 語法 說明 引數取值和顏色屬性一樣 注意 在 html當中,要為某個物件加上背景色只有一種辦法,那就是先做乙個 在 中設定完背景色...