国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

要準確裁剪背景圖片先要準確渲染，background-origin與background-clip

cooxer / 1838人閱讀

摘要：當然背景圖片默認的渲染狀態(tài)是從區(qū)域開始渲染的，我們在沒有確認渲染的區(qū)域時，后期所做的裁剪工作實際上都是對照默認渲染區(qū)區(qū)域來進行裁剪的。

概念

background-origin: 背景圖片從盒子哪里開始渲染
background-clip: 背景圖片裁剪到盒子哪里

取值

background-origin:

默認值：背景圖片從padding區(qū)域開始渲染 
boder-box: 背景圖片從邊框里面開始 
padding-box:背景圖片從padding區(qū)域開始渲染 
content-box: 背景圖片從內(nèi)容區(qū)域開始渲染

background-clip:

默認值： 背景圖片裁剪到padding區(qū)域最外層邊緣線
boder-box: 背景圖片裁剪到邊框最外層邊緣線
padding-box: 背景圖片裁剪到padding區(qū)域最外層邊緣線
content-box: 背景圖片裁剪到內(nèi)容區(qū)域最外層邊緣線
起步

我們在使用背景圖片時，肯定首先是要確認我們的背景圖片要從哪里開始渲染，
確定了渲染的狀態(tài)， 我們才能準確的對背景圖片進行裁剪。當然背景圖片默認的渲染狀態(tài)是從padding區(qū)域開始渲染的，我們在沒有確認渲染的區(qū)域時，后期所做的裁剪工作實際上都是對照默認渲染區(qū)padding區(qū)域來進行裁剪的。

圖文助解

background-origin:

代碼：

圖片：

background-clip:

代碼：

圖片：

以上就是對background-origin和background-clip的解述，我們在裁剪背景圖片做某些效果時就一定得準確的先渲染。如果以上那些地方理解有誤還請指點，筆者會虛心學(xué)習(xí)。

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://specialneedsforspecialkids.com/yun/112473.html

相關(guān)文章

  • 要準確裁剪背景圖片先要準確渲染，background-origin與background-clip

    摘要：當然背景圖片默認的渲染狀態(tài)是從區(qū)域開始渲染的，我們在沒有確認渲染的區(qū)域時，后期所做的裁剪工作實際上都是對照默認渲染區(qū)區(qū)域來進行裁剪的。 概念 background-origin: 背景圖片從盒子哪里開始渲染background-clip: 背景圖片裁剪到盒子哪里 取值 background-origin: 默認值：背景圖片從padding區(qū)域開始渲染 boder-box: 背景圖片從邊...

    zzbo 評論0 收藏0

  • [譯]HTML&CSS Lesson7: 設(shè)置背景和漸變色

    摘要：屬性值則依賴于我們需要創(chuàng)建什么樣的漸變背景，例如線性漸變或放射性漸變。我們會在線性漸變中介紹不同種類的供應(yīng)商前綴，但為了簡便起見，放射性漸變中我們不會再提及。線性漸變多年來，設(shè)計師和開發(fā)者們都是通過切圖來實現(xiàn)漸變背景。 背景對網(wǎng)站的設(shè)計有重大的影響。它有利于建立網(wǎng)站的整體感覺，設(shè)置分組，分配優(yōu)先級，對網(wǎng)站的可用性也有相當大的影響。 在CSS中，元素的背景可以是一個純色，一張圖，一個漸變...

    bang590 評論0 收藏0

  • [譯]HTML&CSS Lesson7: 設(shè)置背景和漸變色

    摘要：屬性值則依賴于我們需要創(chuàng)建什么樣的漸變背景，例如線性漸變或放射性漸變。我們會在線性漸變中介紹不同種類的供應(yīng)商前綴，但為了簡便起見，放射性漸變中我們不會再提及。線性漸變多年來，設(shè)計師和開發(fā)者們都是通過切圖來實現(xiàn)漸變背景。 背景對網(wǎng)站的設(shè)計有重大的影響。它有利于建立網(wǎng)站的整體感覺，設(shè)置分組，分配優(yōu)先級，對網(wǎng)站的可用性也有相當大的影響。 在CSS中，元素的背景可以是一個純色，一張圖，一個漸變...

    jk_v1 評論0 收藏0

  • [譯]HTML&CSS Lesson7: 設(shè)置背景和漸變色

    摘要：屬性值則依賴于我們需要創(chuàng)建什么樣的漸變背景，例如線性漸變或放射性漸變。我們會在線性漸變中介紹不同種類的供應(yīng)商前綴，但為了簡便起見，放射性漸變中我們不會再提及。線性漸變多年來，設(shè)計師和開發(fā)者們都是通過切圖來實現(xiàn)漸變背景。 背景對網(wǎng)站的設(shè)計有重大的影響。它有利于建立網(wǎng)站的整體感覺，設(shè)置分組，分配優(yōu)先級，對網(wǎng)站的可用性也有相當大的影響。 在CSS中，元素的背景可以是一個純色，一張圖，一個漸變...

    Tonny 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<