欧美一级特黄大片做受成人-亚洲成人一区二区电影-激情熟女一区二区三区-日韩专区欧美专区国产专区

CSS背景相關(guān)知識(shí)

background背景
背景共分為以下8個(gè)屬性
background-color:背景顏色
background-image:背景圖片
background-repeat:背景圖片重復(fù)
background-position:背景圖片位置
background-size:背景圖片尺寸
background-attachment:背景圖片是否固定不動(dòng)
background-clip:背景覆蓋區(qū)
background-origin:背景圖片覆蓋區(qū)
其中常用的是
background-color,background-image,background-repeat,background-position
background-color:

成都創(chuàng)新互聯(lián)公司網(wǎng)站建設(shè)服務(wù)商,為中小企業(yè)提供網(wǎng)站設(shè)計(jì)制作、成都網(wǎng)站設(shè)計(jì)服務(wù),網(wǎng)站設(shè)計(jì),網(wǎng)站托管、服務(wù)器租用等一站式綜合服務(wù)型公司,專(zhuān)業(yè)打造企業(yè)形象網(wǎng)站,讓您在眾多競(jìng)爭(zhēng)對(duì)手中脫穎而出成都創(chuàng)新互聯(lián)公司。

顏色名稱(chēng),如:background-color:red(背景顏色是紅色)

  • 十六進(jìn)制背景色,如:background-color:#ff0000;/background-color:#f00;(#后面有三個(gè)字符說(shuō)明每?jī)蓚€(gè)是相同的,也就是#f00相當(dāng)于#ff0000)

  • rgb顏色,這里如果是rgba,a表示透明程度,0表示全透明,1表示完全不透明,如:background-color:rgba(255,0,0,0.5);

  • transparent,透明,如:background-color:transparent;

background-image:

  • url圖片地址,可以多個(gè)圖片,如:background-image:url(img/a.jpg),url(img/b.jpg)

  • none,不顯示背景圖像

background-image與background-color聯(lián)合使用,保證在出現(xiàn)以下幾種情況下,有背景色可以填充
(1)圖片出不來(lái)(可能路徑錯(cuò),圖片不存在)
(2)圖片被誤刪除
(3)圖片在不平鋪的情況下覆蓋不了整個(gè)盒子
background-repeat:

  • repeat:水平和垂直方向都重復(fù)圖像,如:background-repeat:repeat;

  • repeat-x:水平方向重復(fù)圖像

  • repeat-y:垂直方向重復(fù)圖像

  • no-repeat:圖像不重復(fù)

background-position:

  • 位置名字組合定位,只寫(xiě)一個(gè)默認(rèn)另一個(gè)為居中,如:background-position:right bottom;/background-position:center;

  • 百分比位置,如:background-position:20% 20%;

  • 具體像素位置,如:background-position:20px 20px;

background-attachment:

  • scroll:背景圖像相對(duì)于頁(yè)面不動(dòng),會(huì)隨著網(wǎng)頁(yè)的滾動(dòng)而移動(dòng),默認(rèn)

  • fixed:背景圖像相對(duì)于瀏覽器窗口不動(dòng),內(nèi)容滾動(dòng)的時(shí)候背景圖像不動(dòng),如:background-attachment:fixed;

background-size:

  • 像素大小,只寫(xiě)一個(gè)默認(rèn)另一個(gè)為auto,如:background-size:200px 100px;

  • 百分比大小,如:background-size:60% 60%;

  • cover:背景圖像覆蓋當(dāng)前元素的所有背景區(qū)域,如:background-size:cover;

  • contain:圖像顯示最大且剛好完全顯示,一般不能覆蓋全部背景區(qū)

background-clip:

  • border-box:背景覆蓋到邊框區(qū)域,如:background-clip:border-box;

  • padding-box:背景覆蓋到padding區(qū)域

  • contect-box:背景只覆蓋到content區(qū)域

background-origin:

  • border-box:背景圖像的起始位置在邊框處,如:background-origin:border-box;

  • padding-box:背景圖像的起始位置從padding處開(kāi)始

  • content-box:背景圖像的起始位置從content處開(kāi)始

該屬性從ie9開(kāi)始支持
background簡(jiǎn)寫(xiě):(中間用空格隔開(kāi))
background:(background-color)(background-image)(background-repeat)(background-position)(background-size)
例:
.box {
height: 400px;
background-color: #e8e8e8;
background-image: url('www.baidu.com/XXXX.jpg');可以加單引號(hào)也可以不加
background-repeat: no-repeat;
background-position: center center;
background-size: 100px 100px;
}
可以簡(jiǎn)寫(xiě)為:
.box {
height: 400px;
background: #e8e8e8 url('www.baidu.com/XXXX.jpg') no-repeat center center/100px 100px;
}

當(dāng)前題目:CSS背景相關(guān)知識(shí)
URL地址:http://www.aaarwkj.com/article30/igcgso.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供靜態(tài)網(wǎng)站、標(biāo)簽優(yōu)化、企業(yè)網(wǎng)站制作、動(dòng)態(tài)網(wǎng)站、手機(jī)網(wǎng)站建設(shè)、品牌網(wǎng)站建設(shè)

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)

手機(jī)網(wǎng)站建設(shè)
亚洲成色在线综合剧情网站| 欧美日韩亚洲精品内裤| 免费观看黄片视频在线播放| 日韩在线不卡免费视频一区| 闫国产一区二区三区色噜噜| 懂色粉嫩蜜臀久久一区二区| 国产精品三级av在线播放| 天天操夜夜操白天操晚上操| 久久精品国产av一一区| 精品亚洲一区二区在线| 成熟女人毛茸茸的视频| 97成人在线视频免费播放| 中文字幕制服国产精品| 亚洲激情在线观看一区| 国产精品自偷自偷自偷| 欧美日韩亚洲人人夜夜澡| 欧美高清一区二区在线播放| 午夜福利视频欧美成人| 日韩精品在线观看大全套| 毛片精品一区二区二区三区| 午夜神马福利激情视频| 91免费看片在线观看| 一区中文字幕人妻少妇| 丝袜亚洲激情欧美日韩偷拍| 97超碰97资源在线| 在线观看国产一区二区不卡| 日韩欧美二区三区精品在线| 校花出白浆视频一区二区三区| 日韩精品中文字幕有码在线| 這裏隻有无码人妻久久| 久久久精品国产亚洲av色哟哟| 日本高清一区二区不卡视频| 国产欧美又粗又猛又爽老 | 日韩精品少妇一区二区| 日本一区二区欧美亚洲国产 | 亚洲国产一区二区精品| 国产情侣自拍在线观看| 国产精品黑丝美女91| 熟女俱乐部五十路六十路| av网址不卡在线免费观看| 国产亚洲精品久久久闺蜜|