css背景色不填充边框,css怎么写?
高洛峰
高洛峰 2016-11-07 14:21:27
0
1
1132

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

例如定义一个div样式:

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

背景色只填充100px,100px部分,不填充边框10px部分,怎么写css???

高洛峰
高洛峰

拥有18年软件开发和IT教学经验。曾任多家上市公司技术总监、架构师、项目经理、高级软件工程师等职务。 网络人气名人讲师,...

reply all(1)
三叔

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

background-clip的值
padding-box: 从padding区域(不含padding)开始向外裁剪背景。 
border-box: 从border区域(不含border)开始向外裁剪背景。 
content-box: 从content区域开始向外裁剪背景


Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template