Home  >  Q&A  >  body text

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???

高洛峰高洛峰2874 days ago1066

reply all(1)I'll reply

  • 三叔

    三叔2016-11-07 14:21:45

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

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


    reply
    0
  • Cancelreply