css的基本使用3 背景樣式

2021-09-17 18:37:55 字數 693 閱讀 1461

背景顏色 背景

url 的位址可以是相對位址也可以是絕對位址

元素的背景佔據了元素的全部尺寸,包括內邊距和邊框,不包括外邊距

預設背景位於元素的左上角,並在水平垂直方向重複

背景顯示方式

背景重複方式

背景的定位 值

說明注意

長度值(x y)

第乙個水平位置,第二個垂直位置左上角

只寫乙個引數的話第二個預設居中

百分比(x% y%)

第乙個水平百分比位置,第二個垂直百分比位置左上角

只寫乙個引數的話第二個預設居中

top頂部顯示 相當於垂直方向0

只寫乙個引數的話第二個預設居中

right

右邊顯示 相當於水平方向100%

只寫乙個引數的話第二個預設居中

left

左邊顯示 相當於水平方向0

只寫乙個引數的話第二個預設居中

bootom

底部顯示 相當於垂直方向為100%

只寫乙個引數的話第二個預設居中

center

居中顯示 水平方向和垂直方向50%

水平垂直方向都居中

列表項標記

設定列表項的標記位置

Css基本樣式 背景

一 css允許應用純色作為背景,也允許使用背景影象建立相當複雜的效果 二 屬性 background color 設定元素的背景顏色 1 2 3 4 body p 測試一下背景是否可以繼承 background color這個屬性是不可以被繼承的 1 2 3 p 這時候可以看到p元素加上了乙個背景顏...

css背景樣式css背景樣式

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

css3 設定背景樣式

1.設定背景顏色 background color red 2.設定背景background image url x 注 3.設定背景平鋪 background repeat no repeat 引數說明 4.設定滾動容器的背景行為 跟隨滾動 固定 background attachment fix...