background-clip指定了背景可以覆蓋到什么范圍。
background-origin指定了背景從什么位置開始。
在例子中設(shè)置背景平鋪應(yīng)該可以看得清楚些。

CSS3之前的背景，按規(guī)定是不會進(jìn)入到邊框的（IE6會污染邊框），也就是從border跟padding的交界處開始，跟CSS3中background-origin的默認(rèn)值一致。
clip會比較有用，畢竟顯示背景一般都希望在內(nèi)容區(qū)顯示，這樣就可以設(shè)置padding而不用擔(dān)心背景會出現(xiàn)在padding區(qū)域。

?

?

---

?內(nèi)圓角?

?方法一：

?方法二：

?

?

---

?

網(wǎng)格

?

?

---

?波點(diǎn)

?

?

---

?各種不規(guī)則形狀

?

?

?

?

轉(zhuǎn)載于:https://www.cnblogs.com/futai/p/6349411.html

總結(jié)

以上是生活随笔為你收集整理的CSS3 进阶的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。