資訊專(zhuān)欄INFORMATION COLUMN
摘要：當(dāng)然背景圖片默認(rèn)的渲染狀態(tài)是從區(qū)域開(kāi)始渲染的，我們?cè)跊](méi)有確認(rèn)渲染的區(qū)域時(shí)，后期所做的裁剪工作實(shí)際上都是對(duì)照默認(rèn)渲染區(qū)區(qū)域來(lái)進(jìn)行裁剪的。
概念
background-origin: 背景圖片從盒子哪里開(kāi)始渲染
background-clip: 背景圖片裁剪到盒子哪里
background-origin:
默認(rèn)值：背景圖片從padding區(qū)域開(kāi)始渲染
boder-box: 背景圖片從邊框里面開(kāi)始
padding-box:背景圖片從padding區(qū)域開(kāi)始渲染
content-box: 背景圖片從內(nèi)容區(qū)域開(kāi)始渲染
background-clip:
起步默認(rèn)值： 背景圖片裁剪到padding區(qū)域最外層邊緣線
boder-box: 背景圖片裁剪到邊框最外層邊緣線
padding-box: 背景圖片裁剪到padding區(qū)域最外層邊緣線
content-box: 背景圖片裁剪到內(nèi)容區(qū)域最外層邊緣線
我們?cè)谑褂帽尘皥D片時(shí)，肯定首先是要確認(rèn)我們的背景圖片要從哪里開(kāi)始渲染，
確定了渲染的狀態(tài)， 我們才能準(zhǔn)確的對(duì)背景圖片進(jìn)行裁剪。當(dāng)然背景圖片默認(rèn)的渲染狀態(tài)是從padding區(qū)域開(kāi)始渲染的，我們?cè)跊](méi)有確認(rèn)渲染的區(qū)域時(shí)，后期所做的裁剪工作實(shí)際上都是對(duì)照默認(rèn)渲染區(qū)padding區(qū)域來(lái)進(jìn)行裁剪的。
background-origin:
代碼：
圖片：
background-clip:
代碼：
圖片：
以上就是對(duì)background-origin和background-clip的解述，我們?cè)诓眉舯尘皥D片做某些效果時(shí)就一定得準(zhǔn)確的先渲染。如果以上那些地方理解有誤還請(qǐng)指點(diǎn)，筆者會(huì)虛心學(xué)習(xí)。
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/112473.html
摘要：當(dāng)然背景圖片默認(rèn)的渲染狀態(tài)是從區(qū)域開(kāi)始渲染的，我們?cè)跊](méi)有確認(rèn)渲染的區(qū)域時(shí)，后期所做的裁剪工作實(shí)際上都是對(duì)照默認(rèn)渲染區(qū)區(qū)域來(lái)進(jìn)行裁剪的。 概念 background-origin: 背景圖片從盒子哪里開(kāi)始渲染background-clip: 背景圖片裁剪到盒子哪里 取值 background-origin: 默認(rèn)值：背景圖片從padding區(qū)域開(kāi)始渲染 boder-box: 背景圖片從邊...
摘要：屬性值則依賴(lài)于我們需要?jiǎng)?chuàng)建什么樣的漸變背景，例如線性漸變或放射性漸變。我們會(huì)在線性漸變中介紹不同種類(lèi)的供應(yīng)商前綴，但為了簡(jiǎn)便起見(jiàn)，放射性漸變中我們不會(huì)再提及。線性漸變多年來(lái)，設(shè)計(jì)師和開(kāi)發(fā)者們都是通過(guò)切圖來(lái)實(shí)現(xiàn)漸變背景。 背景對(duì)網(wǎng)站的設(shè)計(jì)有重大的影響。它有利于建立網(wǎng)站的整體感覺(jué)，設(shè)置分組，分配優(yōu)先級(jí)，對(duì)網(wǎng)站的可用性也有相當(dāng)大的影響。 在CSS中，元素的背景可以是一個(gè)純色，一張圖，一個(gè)漸變...
摘要：屬性值則依賴(lài)于我們需要?jiǎng)?chuàng)建什么樣的漸變背景，例如線性漸變或放射性漸變。我們會(huì)在線性漸變中介紹不同種類(lèi)的供應(yīng)商前綴，但為了簡(jiǎn)便起見(jiàn)，放射性漸變中我們不會(huì)再提及。線性漸變多年來(lái)，設(shè)計(jì)師和開(kāi)發(fā)者們都是通過(guò)切圖來(lái)實(shí)現(xiàn)漸變背景。 背景對(duì)網(wǎng)站的設(shè)計(jì)有重大的影響。它有利于建立網(wǎng)站的整體感覺(jué)，設(shè)置分組，分配優(yōu)先級(jí)，對(duì)網(wǎng)站的可用性也有相當(dāng)大的影響。 在CSS中，元素的背景可以是一個(gè)純色，一張圖，一個(gè)漸變...
摘要：屬性值則依賴(lài)于我們需要?jiǎng)?chuàng)建什么樣的漸變背景，例如線性漸變或放射性漸變。我們會(huì)在線性漸變中介紹不同種類(lèi)的供應(yīng)商前綴，但為了簡(jiǎn)便起見(jiàn)，放射性漸變中我們不會(huì)再提及。線性漸變多年來(lái)，設(shè)計(jì)師和開(kāi)發(fā)者們都是通過(guò)切圖來(lái)實(shí)現(xiàn)漸變背景。 背景對(duì)網(wǎng)站的設(shè)計(jì)有重大的影響。它有利于建立網(wǎng)站的整體感覺(jué)，設(shè)置分組，分配優(yōu)先級(jí)，對(duì)網(wǎng)站的可用性也有相當(dāng)大的影響。 在CSS中，元素的背景可以是一個(gè)純色，一張圖，一個(gè)漸變...
閱讀 3680·2021-11-25 09:43
閱讀 676·2021-09-22 15:59
閱讀 1779·2021-09-06 15:00
閱讀 1800·2021-09-02 09:54
閱讀 728·2019-08-30 15:56
閱讀 1212·2019-08-29 17:14
閱讀 1879·2019-08-29 13:15
閱讀 912·2019-08-28 18:28
