問題描述

如題：css背景色不填充邊框，css有實(shí)現(xiàn)這樣功能的屬性嗎？怎么寫？

例如定義一個(gè)div樣式：

width: 100px; height: 100px; background-color: #131212; border: solid 10px rgba(249, 249, 249, 0.2);

背景色只填充100px,100px部分，不填充邊框10px部分，怎么寫css???

問題解答

background-clip: padding-box;即可支持度：IE9+

background-clip的值padding-box： 從padding區(qū)域（不含padding）開始向外裁剪背景。 border-box： 從border區(qū)域（不含border）開始向外裁剪背景。 content-box： 從content區(qū)域開始向外裁剪背景