CSS3-背景原点、背景裁剪

最新推荐文章于 2024-07-01 10:07:44 发布

蓬莱老仙

最新推荐文章于 2024-07-01 10:07:44 发布

阅读量421

点赞数

分类专栏： CSS3

本文链接：https://blog.csdn.net/weixin_44486539/article/details/104087656

版权

本文详细介绍了CSS3中关于背景图像的定位，包括如何设置背景图像相对于边框、内边距和外边距的位置。同时，还探讨了背景裁剪属性，解释了如何通过不同的方式设置裁剪区域，如从padding区域、content区域或文字区域开始裁剪。

摘要由CSDN通过智能技术生成

background-origin 用于设置背景图像相对于什么位置来定位（背景图的起点）。

语法：

background-origin: padding-box|border-box|content-box;

属性值	作用
border-box	背景相对于元素边框来定位；从 border 区域（含border）开始显示背景图像
padding-box	背景相对于内边距来定位（默认）；从 padding 区域（含padding）开始显示背景图像
content-box	背景相对于内容来定位；从 content 区域开始显示背景图像

相对于边框：

CSS:

div {
   
    width: 200px;
	height: 200px;
	padding: 20px;
	margin: 10px;
	background-color: skyblue;</

关注

专栏目录