前端--06Day--元素的背景

background-color

background-color屬性用來為元素設置背 景顏色。
需要指定一個顏色值,當指定了一個顏色 以后,整個元素的可見區(qū)域都會使用這個 顏色作為背景色。
如果不設置背景顏色,元素默認背景顏色 為透明,實際上會顯示父元素的背景顏色

background-image

background-image可以為元素指定背景 圖片。
和background-color類似,這不過這里使 用的是一個圖片作為背景。
需要一個url地址作為參數(shù),url地址需要指 向一個外部圖片的路徑
例如:
background-image: url(1.jpg)

background-repeat

background-repeat用于控制背景圖片的 重復方式4 。
如果只設置背景圖片默認背景圖片將會使 用平鋪的方式,可以通過該屬性進行修改。
可選值:
repeat:默認值,圖片左右上下平鋪
no-repeat:只顯示圖片一次,不會平鋪
repeat-x:沿x軸水平平鋪一張圖片
repeat-y:沿y軸水平平鋪一張圖片

background-position

background-position用來精確控制背景 圖片在元素中的位置。
可以通過三種方式來確定圖片在水平方向 和垂直方向的起點。
關(guān)鍵字:top right bottom left center
百分比
數(shù)值

background-attachment

background-attachment用來設置背景圖 片是否隨頁面滾動。
可選值:
scroll:隨頁面滾動
fixed:不隨頁面滾動

background

background是背景的簡寫屬性,通過這個 屬性可以一次性設置多個樣式,而且樣式 的順序沒有要求。
例如:
background: green url(1.jpg) no-repeat center center fixed;

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關(guān)閱讀更多精彩內(nèi)容

  • 學會使用CSS選擇器熟記CSS樣式和外觀屬性熟練掌握CSS各種選擇器熟練掌握CSS各種選擇器熟練掌握CSS三種顯示...
    七彩小鹿閱讀 6,445評論 2 66
  • 一、CSS入門 1、css選擇器 選擇器的作用是“用于確定(選定)要進行樣式設定的標簽(元素)”。 有若干種形式的...
    寵辱不驚丶歲月靜好閱讀 1,731評論 0 6
  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML標準。 注意:講述HT...
    kismetajun閱讀 28,829評論 1 45
  • 選擇qi:是表達式 標簽選擇器 類選擇器 屬性選擇器 繼承屬性: color,font,text-align,li...
    love2013閱讀 2,443評論 0 11
  • 選擇qi:是表達式 標簽選擇器 類選擇器 屬性選擇器 繼承屬性: color,font,text-align,li...
    wzhiq896閱讀 2,127評論 0 2

友情鏈接更多精彩內(nèi)容