新聞資訊
記錄首創點滴進步 見(jiàn)證遠(yuǎn)行(xíng)
我們一(yī)直緊跟時(shí)代前沿,聚焦行≈≈φ(xíng)業(yè)實時(shí)動态,發布公司最新資訊,歡迎您的(de)∏π關注
您目前的(de)位置:網站(zhàn)首頁 > 新聞資訊 > 網站(zhàn)常識 >

4.11日(rì)音(yīn)訊,首創網絡CSS中背景屬性細解

發布日(rì)期:2015-04-11文(wén)章(zhāng)來(lái)源:首創網絡浏覽次數(shù):1211次
    4.11日(rì)音(yīn)訊,首創網絡CSS中背景屬性細解,我們在應¶→¶←用(yòng)中最常用(yòng)的(de)css背景✔∞有(yǒu)兩種,一(yī)是(shì)背景的(de)顔色,另一(yī)個φ€≠γ(gè)是(shì)背景的(de)圖片,但(dàn)其它的(φ✘÷¥de)屬性是(shì)不(bù)是(shì)就♥$✔(jiù)沒用(yòng)了(le),答(dá)案是(shì∑₹↔♠)否定的(de),其實在CSS家(jiā)族中,CSS背景屬性是(shì)非€₽常強大(dà)和(hé)豐富的(de),現(x>‍iàn)......
    本文(wén)關鍵字:4.11日(rì),音(yīn)訊,首↔± σ創,網絡,CSS,中,背景,屬性,細解,
  
  4.11日(rì)音(yīn)訊,首創網絡C≠♦SS中背景屬性細解,我們在應用(yòng)中最常用(yòng)的(≠σβde)css背景有(yǒu)兩種,一(yī)是(shì)背景的(β✘±$de)顔色,另一(yī)個(gè)是(shì)γ✘背景的(de)圖片,但(dàn)其它的(de)屬$$性是(shì)不(bù)是(shì)就(jiù)沒用(yòn→€φ‌g)了(le),答(dá)案是(shì)否定的(de),其實在CSS家'""(jiā)族中,CSS背景屬性是(shì)非常強大(dà)和✘↕‌(hé)豐富的(de),現(xiàn)在邯鄲網站(zhàn)建設首創網絡就(jiù)來(lái)給大(dà)家(jiā)一(∞±€₹yī)一(yī)詳解。
  css說(shuō)明(míng)
  background-image:url("圖片的(↕¥∏de)網址");背景圖
  background:url("圖片的(de)網址"♣ >©);背景
  background-color:#色碼;背景色彩
  Exp:
  background-image:u↔σ☆Ωrl(背景圖案.jpg,gif,bmp);
  background-color:#FFFFFF;
  background-color:transpare→↑←nt;<--設定背景為(wèi)透明(míng)色
  background-repeat改 ↑↑變背景圖片的(de)重複并排的(de)設定
  css
  說(shuō)明(míng)
  repeat背景圖片并排
  repeat-x背景圖片以X方向并排
  repeat-y背景圖片以Y方向并排
  no-repeat背景圖片不(bù)以并排的(de)方♠÷ 式處理(lǐ)
  Exp:
  background-image:url("/logo.gif×↔↓∞");
  background-repeat:no-re♥ ♣peat;
  ------------------------------>✔δ------------------------------------&♠↔--------------
  background-attach"₩ment是(shì)否固定圖片位置
  css
  說(shuō)明(míng)
  scroll拉動卷軸時(shí),背景圖片↑↓Ω‌會(huì)跟著(zhe)移動(缺省值)
  fixed拉動卷軸時(shí),背景圖片不(bù)會(huì)跟著Ω‌•‌(zhe)移動
  Exp:
  background-image:url("¶→;/logo.gif");
  background-repeat:no-repeat;
  background-attachment:fix♣>© ed;
  以/logo.gif背景圖片不(bù)重複并列,且不₹¶'(bù)随卷軸移動
  -----------------€&≤δ----------------------------™←βε--------------------------- α♠--------
  以長(cháng)度定位background-posit$εion:xy
  使用(yòng)百分(fēn)比定位background-pδ'λosition:x%y%
  css
  說(shuō)明(míng)
  x%往右移
  y%往下(xià)移
  backgroud-position:0%0%;λ¶®左邊上(shàng)方
  backgroud-position:0%50%;左邊中間(jiānλ$£)
  backgroud-position:50%→₹δ∞0%;中間(jiān)上(shàng)方
  backgroud-position:50%50%;正中↑​&↓間(jiān)
  backgroud-position:100%0%;右邊上(sh↓∏♠§àng)方
  backgroud-position:0%100%;左邊下(♦÷xià)方
  backgroud-position:100%50%;右邊中間(jα↑≤iān)
  backgroud-position:50%100%;中間¥<×(jiān)下(xià)方
  backgroud-position:100%100%;$∞‍右邊下(xià)方
  以關鍵字定位
  關鍵字說(shuō)明(míng)
  top上(shàng)(y=0)
  center中(x=50,y=50)
  bottom下(xià)(y=100)
  left左(x=0)
  Exp:
  background-position: ↔←center;
  圖片在指定背景中央X=50%Y=50%位置
  background-position:200px30px
    本文(wén)由邯鄲網絡公司首創網絡整理(lǐ)∑✔•®編輯發布,請(qǐng)勿轉載、複制(zhì)、摘抄等!

+ 查看(kàn)更多(duō)我們的(de)客戶 / Our client

0310-4559740
400-990-1661
    24小(xiǎo)時(shí)報(bào)務熱(rè)線
    18931045623
在線客服
首創網絡邯鄲公司
邯鄲公司
電(diàn)話(huà):0310-4559740 / 189310456™≈<23  地(dì)址:邯鄲市(shì)叢台區(qū)頤高(γ&£​gāo)廣場(chǎng)B座13層1304室