css3 background-clip 背景色裁剪，显示范围；css背景图不含padding

最新推荐文章于 2025-01-12 17:17:01 发布

止语之语

最新推荐文章于 2025-01-12 17:17:01 发布

阅读量1.2k

点赞数 1

分类专栏： css 文章标签： css3 前端

本文链接：https://blog.youkuaiyun.com/qq_36685539/article/details/129519486

版权

css 专栏收录该内容

18 篇文章

订阅专栏

background-clip属性用于定义背景的绘制区域，包括border-box（默认，背景覆盖至边框）、padding-box（背景覆盖至内填充）、content-box（背景覆盖至内容区）和text（背景仅覆盖文本）。text选项常用于创建字体渐变效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

background-clip :背景色显示区域

1. 属性分类

	background-clip: border-box;   //【默认值】 背景覆盖至border外边缘； 覆盖至border
	background-clip: padding-box;  //背景覆盖至 padding 的外沿, 不会绘制在边框下面；覆盖至padding
	background-clip: content-box;  //背景覆盖至 content 内容区；
	background-clip: text;    //背景只覆盖文本