css3 - css背景色不填充边框，css怎么写？

问题描述

问 题

如题：
css背景色不填充边框，css有实现这样功能的属性吗？怎么写？

例如定义一个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区域（不含padding）开始向外裁剪背景。 
border-box： 从border区域（不含border）开始向外裁剪背景。 
content-box： 从content区域开始向外裁剪背景

这篇关于css3 - css背景色不填充边框，css怎么写？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！