css背景色不填充边框，css怎么写？-PHP中文网问答

文章专题 AI工具学习下载问答源码最近更新

PHP

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

高洛峰 2016-11-07 14:21:27

[CSS讨论组]

1431

如题：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教学经验。曾任多家上市公司技术总监、架构师、项目经理、高级软件工程师等职务。网络人气名人讲师，...

全部回复(1)

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

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

background-clip的值
padding-box： 从padding区域（不含padding）开始向外裁剪背景。 
border-box： 从border区域（不含border）开始向外裁剪背景。 
content-box： 从content区域开始向外裁剪背景

赞 +0

添加回复

专题推荐

更多>

热门话题

热门教程

更多>

最新下载

更多>

网站特效

网站源码

网站素材

前端模板

PHP学习

技术支持

返回顶部