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

Css3之background-image的深層次理解

2024-01-02    分類: 網(wǎng)站建設(shè)

我們大家都知道,background-image這個屬性是用來設(shè)置背景圖片的,一般的寫法是background-image:url()。這種寫法也是最常用最普遍的方法,可以直接調(diào)用圖片地址,簡單又快捷。但是人力有時窮,何況區(qū)區(qū)一個屬性?下邊,我再給大家介紹幾種background-image屬性的設(shè)置方法,希望能幫助大家加深對這個屬性的理解。

第一種方法:用background-image:url()

這種方法是大家最常用的方法,大部分都會用,我也就不再多家贅述。直接上干貨

第二種方法:用base64編碼,直接設(shè)置背景圖像

這種方法的寫法是:bakeground-image:url(base64)。這種方法是直接把圖片轉(zhuǎn)化成base64編碼鑲嵌到網(wǎng)頁中,用這種方法設(shè)置的背景圖片,可以減少一個http請求,積少成多,有利于前端優(yōu)化。但是這種方法也有自己的缺點,base64編碼太過冗長,不適用于將太大的圖片轉(zhuǎn)換成base64編碼。那么該如何將圖片轉(zhuǎn)化成base64編碼呢?這就需要用到編碼轉(zhuǎn)化工具了。大家可以自己到腳本之家在線工具頁面去尋找,也可以直接訪問這個頁面:http://tools.jb51.net/transcoding/base64。

第三種方法:用漸變顏色作為背景圖像

在我們的潛意識里,往往會將漸變顏色誤認成是顏色的一種。其實不然,漸變顏色在處理時,是被當成圖片處理的。也就是說,在使用漸變顏色的時候,把它當成圖片去使用就可以了。根據(jù)漸變顏色的這個特性,我們可以用漸變顏色來指定某一元素的背景圖像。寫法是:background-image:radial-gradient()

第四種方法:設(shè)置背景圖像組

在我們進行網(wǎng)頁設(shè)計的過程中,有時可能會碰到一個地方需要使用好幾個背景圖片的情況。那這時我們該怎么辦呢?難道要分別使用兩個background-image屬性,然后定義兩個背景圖片嗎?一旦這樣設(shè)置的話,后一個設(shè)置的background-iamge屬性值,就會直接把前一個覆蓋掉,是不能設(shè)置成功的。解決這種問題的方法就是設(shè)置背景圖像組,其設(shè)置方法是:bakeground-image:url(1),url(2),url(3)。哪個圖片地址寫在前面,哪個圖片就會出現(xiàn)上邊。用這種方法定義背景圖片,就可以給同一個元素定義多個背景圖片而不會相互覆蓋,可以做出很多有意思的效果來。

以上就是今天給大家介紹的background-image屬性的幾種使用方法,希望大家看過這篇文章之后,能獲得新的感悟,總結(jié)出新的經(jīng)驗,謝謝大家的觀看。

新聞名稱:Css3之background-image的深層次理解
標題URL:http://aaarwkj.com/news0/311600.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供虛擬主機品牌網(wǎng)站設(shè)計、服務(wù)器托管、動態(tài)網(wǎng)站、企業(yè)建站網(wǎng)站排名

廣告

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

手機網(wǎng)站建設(shè)
日韩精品在线观看电影| av黄色在线播放网页| 国产三级三级在线观看| 婷婷中文字幕在线不卡视频 | 四虎国产精品久久久久久网址| 国产b片免费在线观看| 久久人热视频这里只有精品| 国产高清剧情在线观看| 日韩精品中文字幕人妻系列| 日本女优高清不卡一二三四区| 精品中文人妻中文字幕| 99人妻精品一区二区| 国产欧美成人综合色就色| 五月婷婷六月丁香伊人网 | 成年女人大片免费观看版| 日韩在线观看视频有码| 福利1中文字幕手机在线| 免费在线观看97视频| 成人午夜激情四射av| 国产精品主播自拍视频| 日韩不卡区高清在线视频| 黄色欧美在线观看免费| 亚洲一二三无人区是什么| 精品国产三级a在线观看网站| 中文字幕日本人妻少妇| 免费在线观看一级av| 免费一区二区三区精品| 亚洲av毛片一区二区三区网 | 啊啊…嗯嗯…用力免费观看视频| 亚洲精品入口一区二区| 另类视频在线观看免费| 中文字幕日本精品人妻在线| 国产精品久久乱码综合| 玩弄丰满熟妇留守妇女| 日韩av在线观看大全| 亚洲精品免费一区二区三区| 国产一区二区精品久久岳√| 免费看国产一级黄色大片| 一级片高清在线观看国产| 亚洲av无毛在线观看| 国产91福利视频在线|