css背景樣式

background-position:背景顏色:background-color
background-color:red;
值可以為顏色的英文單詞,也可以是#000000這樣的色位,也可以是R:255 G:255 B255這樣的表達(dá)方式

----------------------------------分割線------------------------------------------------------------
在背景里放張圖片:background-image:
background-image:url(圖片地址);
但是會(huì)平鋪整個(gè)塊,通常會(huì)加上repeat去控制

                    • - - - - - - - - - - - - 小分割線- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
                      背景圖片的平鋪控制:background-repeat
                      background-repeat:值
                      值為:no-repeat 不平鋪
                      repeat-x 在x軸(橫向)平鋪
                      repeat-y 在y軸(縱向)平鋪

----------------------------------分割線------------------------------------------------------------
背景圖片的位置控制:background-position:
background-position:center center;--------------------(固定在頁面某個(gè)位置,要輸入兩個(gè)值)
center----中間
left--------左邊
right------右邊
top--------頂部
bottom---底部
也可以寫百分比,如:background-position:20% 23%;

----------------------------------分割線------------------------------------------------------------
背景尺寸:background-size
background-size: 100% 100%;(背景尺寸,屬于css3屬性,IE9以下不支持該屬性)
contain------里面的圖形等比例外接外面的塊,不會(huì)變形
cover----鋪滿整一個(gè)塊

----------------------------------分割線------------------------------------------------------------
簡寫方式:background:blue url(img/1.png) 等等值

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

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

  • 轉(zhuǎn)載請聲明 原文鏈接地址 關(guān)注公眾號(hào)獲取更多資訊 第一部分 HTML 第一章 職業(yè)規(guī)劃和前景 職業(yè)方向規(guī)劃定位...
    前端進(jìn)階之旅閱讀 16,871評論 32 459
  • Div和Span標(biāo)簽 什么是div? 作用: 一般用于配合css完成網(wǎng)頁的基本布局 什么是span? 作用: 一般...
    Jackson_yee_閱讀 921評論 1 1
  • background-color background-color:#ff0000紅色background-col...
    每日活菌閱讀 559評論 0 0
  • 人人都知道,世界上有數(shù)不清的一瞬間??捎行┧查g是快樂的,有些瞬間是悲傷的。 而我說的一瞬間是精彩的!在放假...
    劉育碩閱讀 355評論 0 0
  • 普通話語音訓(xùn)練: 缺 que 孫 sun 閂 fa 苔 tai 勸 quan 司si 刷 shua 挑 tiao ...
    羅掌柜real閱讀 330評論 0 0

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